Okay
  Public Ticket #239957
Nector Slider
Closed

Comments

  • James started the conversation
    July 1, 2014 at 11:53am

    Is there a way to add multiple Nector sliders on one page. Also, I'm using the nector slider for the homepage, for the secondary pages I would like to use the slider but with smaller header text. It seems like there is a global text size for the slider. Can I edit the secondary sliders with smaller text?

    Thanks in advance for you help.

    J

  •  8,448
    Tahir replied
    July 1, 2014 at 3:07pm

    Hey J!

    Yes you can place more then one Nectar Slider on one page. To change the second slider text would require writing a custom css selector for that particular slider only. Please provide us page url if you wish to change it so that we can write up some custom css. 

    Thanks

    ThemeNectar Support Team 

  • James replied
    July 1, 2014 at 8:21pm

    Here's the link. I'm still working on the page info. Nothing is finalized...

    http://jstlouis.com/tester2/?portfolio=merchant

    Thanks

  •  8,448
    Tahir replied
    July 2, 2014 at 3:23pm

    Hey Jam!

    Add this into the Custom CSS box located in your Salient Options panel :

    body .nectar-slider-wrap div.swiper-slide .content h2 {
    font-size: 54px!important;
    line-height: 51px!important;
    margin-bottom: 6px;
    letter-spacing: -0.5px;
}


body .nectar-slider-wrap div.swiper-slide .content p {
    font-size: 25px!important;
    line-height: 20px!important;
    padding-bottom: 7px;
}


body .nectar-slider-wrap div.swiper-slide .button a {
    font-size: 15px!important;
    padding: 2px 7px;
}

    Cheers

    ThemeNectar Support Team 

  • James replied
    July 3, 2014 at 7:22am

    Thanks for this! But this is affecting the home page Slider also. I would like to only change the font sizes on the sliders on this particular page (I've attached). FYI, on this page, I'll be adding more nectar sliders.

    Again thanks for your help. Much appreciated!

    J

  •  8,448
    Tahir replied
    July 3, 2014 at 2:26pm

    Sure , All you have to do is add the post-id class next to body like this for your particular page :

    body.post-id-2060 .nectar-slider-wrap div.swiper-slide .content h2 {
    font-size: 54px!important;
    line-height: 51px!important;
    margin-bottom: 6px;
    letter-spacing: -0.5px;
}


body.post-id-2060 .nectar-slider-wrap div.swiper-slide .content p {
    font-size: 25px!important;
    line-height: 20px!important;
    padding-bottom: 7px;
}


body.post-id-2060 .nectar-slider-wrap div.swiper-slide .button a {
    font-size: 15px!important;
    padding: 2px 7px;
}

    Cheers

    ThemeNectar Support Team 

  • James replied
    July 8, 2014 at 9:13am

    Yea, I've copied and paste your code, and still no change.

    Is there something I'm missing?

    Thanks for your help on this one.

  • James replied
    July 8, 2014 at 10:27am

    ok I got it! Just had to remove the dash btwn the word post and id. Thanks once again!