Okay
  Public Ticket #2299216
Nectar Button Border Color on Hover
Closed

Comments

  • LemonThink started the conversation
    February 13, 2020 at 11:24am

    Hi, 

    In the Nectar Slider buttons I would like my button to be transparent with a white solid border (or grey) and then the border to change to green when hover.

    That option isn't available and I added this CSS code : 

    .swiper-slide .button.transparent a, 
    .swiper-slide .button.transparent_2 a:hover {
        border-color:#4eb960; background-color:transparent !important; 

    }

    It's actually doing the opposite : green border and white when hover.

    Thanks for your help !


  •  3,022
    Andrew replied
    February 13, 2020 at 4:22pm

    Hi LemonThink,

    Can we have a link to your website so that we see possible css for that.

    Thanks.

  • LemonThink replied
    February 14, 2020 at 2:42pm

    Hi Andrew,

    Absolutely, here is the link : http://dev.lemonthink.fr/

    Thanks

    Sophie 

  •  3,022
    Andrew replied
    February 14, 2020 at 6:20pm

    Hi Sophie,

    Use the following custom css:

    button.transparent a{
    border:1px solid white !important;
}
.button.transparent a:hover{
    border:1px solid green !important;
}

    Hope this helps.

  • LemonThink replied
    February 17, 2020 at 11:48am

    That works ! Thanks you Andrew !