Public Ticket #3655031
Adding CSS to Layers


  •  1
    Sue started the conversation

    Hi Kreatura again :)

    After my upgrade to the version of the Layer Slider, I have lost the styling on the buttons on my slides. See Layer-Slider-OLD.jpg v's Layer-Slider-NEW.jpg attached.

    My old buttons had the following CSS defined in the old layer slider:

    color: #ffffff;
    padding: 15px 30px 15px 30px;
    font-size: 30px;
    line-height: 40px;
    font-family: Roboto, sans serif;
    border: 1px solid #ffffff;

    They also had a customs CSS class carousel button which called the following hover change of colour behaviour:

    .carouselbutton:hover {
    background-color: #29866c;

    How can I achieve similar styling in Layer Slider 7?

    I have tried a few things already to no avail. I tried adding a button layer so I could add my custom class under the common attributes sections. I also tried adding my css styles using the custom attributes section, but neither had any effect on the basic button layer added.

    I hope you can help.

    Many thanks,

    Attached files:  Layer-Slider-OLD.jpg

  •  112
    George replied

    Hello Sue,

    Almost all style settings can be applied to the layer in the Project Editor. Please select the layer and on the right sidebar go to Layers → Style 
    You can open all sections and set the color, add padding, border and everything else you would like.

    If you want a hover change, please go to Layers → Transitions, select Hover Transition and set the required hover style.

    I hope this helps.

    Best Regards,
    George | Kreatura Dev Team