Limited availability during the holidays
Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.
We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!
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 {
How can I achieve similar styling in Layer Slider 7?background-color: #29866c;
}
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,
Sue
Attached files: Layer-Slider-OLD.jpg
Layer-Slider-NEW.jpg
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