Okay
  Public Ticket #217261
Changing font color for title on nectar slider
Closed

Comments

  • Phil started the conversation
    May 20, 2014 at 7:21am

    I am trying to figure out how to change the font color for the titles on each slide of nectar sliders?

    Is there a particular css file to edit and if so which line(s) of code? Thanks.

  •  8,448
    Tahir replied
    May 20, 2014 at 5:26pm

    Hey Phil!

    Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:

    body .swiper-slide .content h2 {
    color: #f00 !important;
}


body .swiper-slide .content p{
    color: #f00 !important;
}

    Cheers

    ThemeNectar Support Team 

  • Phil replied
    May 20, 2014 at 7:44pm

    Thanks Tahir,

    While this option works - it changes the color on all slides to the same color. I have 3 slides as part of one nectar slider on my homepage. One with dark font and two with light font. I want to keep the light font (white) on the 2 sliders but have a different dark color (other than black) on the first slider. In the nectar slider panel it gives me the option of dark or light font (black or white). Is there a way to change the dark color to one of my choosing and then keep the white color for the light font? Or a way to change font colors for individual slides? Thanks.

  •  8,448
    Tahir replied
    May 21, 2014 at 12:30pm

    Hey Phil!

    Sure , use this instead:

    body .swiper-slide[data-color-scheme="light"] .content h2 {
    color: #f00 !important;
}


body .swiper-slide[data-color-scheme="light"] .content p{
    color: #f00 !important;
}


body .swiper-slide[data-color-scheme="dark"] .content h2 {
    color: #f00 !important;
}


body .swiper-slide[data-color-scheme="dark"] .content p{
    color: #f00 !important;
}

    Cheers

    ThemeNectar Support Team