Comments Josh started the conversation3 weeks ago on January 2, 2025 at 1:53pmI downloaded the Layerslider Template called: Simple Full Screen Slider (https://layerslider.com/sliders/simple-fullscreen-slider/)I was able to change the primary button colors; however I cannot seem to figure out how to change the background color when you hover the mouse over each button. Can you provide some documentation? 141George replied3 weeks ago on January 3, 2025 at 8:36amHello Josh, Here’s how you can update your button layer to include hover effects in LayerSlider: 1. Select the Button Layer: • In the LayerSlider interface, locate and select the button layer you wish to modify. 2. Open the Transition Selector: • On the right-hand sidebar, choose Transitions and open the transition selector by clicking to the Opening Transition (with blue background). • Select the Hover Transition from the dropdown to enter hover-specific styles. 3. Adjust Hover Styles: • Customize the Background Color and Text Color for the hover state. 4. Preview the Changes: • Use the preview feature to see how the hover effect looks in action. 5. Save and Publish: • Once satisfied with the hover styling, save your changes and publish the project to apply them live.Best Regards,George | Kreatura Dev Team Sign in to reply ...
I downloaded the Layerslider Template called: Simple Full Screen Slider (https://layerslider.com/sliders/simple-fullscreen-slider/)
I was able to change the primary button colors; however I cannot seem to figure out how to change the background color when you hover the mouse over each button.
Can you provide some documentation?
Hello Josh,
Here’s how you can update your button layer to include hover effects in LayerSlider:
1. Select the Button Layer:
• In the LayerSlider interface, locate and select the button layer you wish to modify.
2. Open the Transition Selector:
• On the right-hand sidebar, choose Transitions and open the transition selector by clicking to the Opening Transition (with blue background).
• Select the Hover Transition from the dropdown to enter hover-specific styles.
3. Adjust Hover Styles:
• Customize the Background Color and Text Color for the hover state.
4. Preview the Changes:
• Use the preview feature to see how the hover effect looks in action.
5. Save and Publish:
• Once satisfied with the hover styling, save your changes and publish the project to apply them live.
Best Regards,
George | Kreatura Dev Team