Okay
  Public Ticket #516915
Color of Nectar Slider Buttons
Closed

Comments

  • Jonathan started the conversation

    Hi There,

    I am trying to edit the buttons on the nectar slider with CSS so I can do different colors for each slide. However, it seems like it is already pulling !important css... Any ideas how I can override it?

    Thanks!

    JW

  •  8,987
    Tahir replied

    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 #ajax-content-wrap .nectar-slider-wrap .swiper-slide:nth-child(1) .content span {
        color: #f00 !important;
    }
    
    
    body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content span {
        color: #ff0 !important;
    }

    Thanks



    ThemeNectar Support Team 

  • Jonathan replied

    Hi Tahir,

    That just seems to edit the content/titles but doesn\'t effect the buttons.

    Cheers,

    JW

  •  8,987
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    div[data-button-sizing=\"large\"] .swiper-slide:nth-child(1) .button a {
        color: #2A9FE6 !important;
    }

    Thanks



    ThemeNectar Support Team