Okay
  Public Ticket #3793146
Button Backgrounds
Open

Comments

  • Josh started the conversation

    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? 


  •  141
    George replied

    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