Customization of the border button hover colour in the Slider

[PYUREcrew]

Dear Support,
I use the Slider with Border Buttons.

I want to have the button border and text (when unselected) in white plus a transparent background, which already works when I chose white for text and background colour.

For the hover effect I just want to change the background colour of the button from transparent to black while still keeping the white border and text. this does not work with the customizer. if i choose black as background, the button border and text is black when not selected (which i don’t want, I want it white), and when selected the text is white and the background black (which I want) but the border is still black.

Hope you get what I want?

Thanks for your support,
Aaron

PS: http://pyure-crew.net/

• This topic was modified 5 years, 3 months ago by PYUREcrew.

[Zex]

Hello Aaron!

Insert the code below,in Customize->General->Additional CSS:

#agama_slider .button.button-border:hover{
  border-color:white!important;
  background-color:black;
  
}

Regards

[PYUREcrew]

fine, thanks! 🙂
Is it also possible to customize this for every slider on its own?

[Zex]

Hi,Aaron!

Sure it’s possible 🙂

You can use next code instead of the code above:

#agama_slider .slide-2 .button-border:hover{
    background-color: purple;
    border-color: black!important;
    
}

Replace the number of slider you want to modify.

Regards

[PYUREcrew]

awesome! <3

[Author]

Posts