Okay
  Public Ticket #372445
nectar slider button line thickness
Closed

Comments

  • ron started the conversation
    February 13, 2015 at 2:14pm

    How can I modify the thickness and style of the lines for the transparent button?

    I'd like for my buttons to look like the one on this site : http://momentlens.co/

    I also like how the background of the button is semi transparent once it's highlighted. Can you tell me how to do this? Thank you

  •  9,317
    Tahir replied
    February 13, 2015 at 2:44pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body .swiper-slide .button.transparent_2 a.primary-color {
    border: 2px solid #fff;
    border-radius: 6px;
}


body .swiper-slide .button.transparent_2 a.primary-color:hover {
    background-color: rgba(39, 204, 192, 0.6)!important;
}

    Thanks


    ThemeNectar Support Team 

  • ron replied
    March 6, 2015 at 5:40am

    Hey Tahir,

    I think the latest update to Salient might have messed this up. Can you take a look and let me know how to fix this? I'd like for the Nectar Slider button to be like the one on http://momentlens.co/

    Currently it is this one : http://www.royaldetailclub.com/

    The border is disappearing, and I'd also like to increase the length of the button (padding?) Thank you.

    I have this in my Salient Custom CSS Box:

    body .swiper-slide .button.transparent_2 a.primary-color { border: 2px solid #fff; border-radius: 6px; } body .swiper-slide .button.transparent_2 a.primary-color:hover { background-color: rgba(39, 204, 192, 0.6)!important; }

  •  9,317
    Tahir replied
    March 6, 2015 at 2:45pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body .swiper-slide .button.transparent_2 a.primary-color {
    border: 2px solid #fff !important;
    border-radius: 6px;
}


body .swiper-slide .button.transparent_2 a.primary-color:hover {
    background-color: rgba(39, 204, 192, 0.6)!important;
}

    Thanks


    ThemeNectar Support Team