Shop Categories

X

Customization of the border button hover colour in the Slider

Home Forums Agama Pro Customization of the border button hover colour in the Slider

Topic Resolution: Resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8569
    PYUREcrew
    Participant

    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 4 years, 5 months ago by PYUREcrew.
    #8580
    Zex
    Moderator

    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

    #8587
    PYUREcrew
    Participant

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

    #8596
    Zex
    Moderator

    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

    #8600
    PYUREcrew
    Participant

    awesome! <3

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.