Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Print

Adjust Nectar Slider Text with CSS

Using the Extra Class Field in the Nectar Slider "Edit Slide" Page you can target individual slides : 


Use the extra class name selector to target individual slides.

body #ajax-content-wrap .nectar-slider-wrap .swiper-slide.home_slider .content h2 { } 



Add this into the Custom CSS box located in your Salient Options panel and adjust values accordingly:

@media only screen and (max-width : 1000px) {
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 {
        font-size: 24px!important;
        line-height: 51px!important;
        margin-bottom: 6px;
        letter-spacing: -0.5px;
    }
    
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p span {
        font-size: 15px!important;
        line-height: 20px!important;
        padding-bottom: 7px;
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
        font-size: 15px!important;
        line-height: 20px!important;
        padding-bottom: 7px;
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
        font-size: 15px!important;
        padding: 2px 7px !important;
    }
    
    
    
    body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content {
        margin-top: 10px !important;
        top: 30px !important;
    }
}
/* For Mobile*/
@media only screen and (max-width : 690px) {
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 {
        font-size: 24px!important;
        line-height: 51px!important;
        margin-bottom: 6px;
        letter-spacing: -0.5px;
    }
    
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p span {
        font-size: 15px!important;
        line-height: 20px!important;
        padding-bottom: 7px;
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
        font-size: 15px!important;
        line-height: 20px!important;
        padding-bottom: 7px;
    }
    body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
        font-size: 15px!important;
        padding: 2px 7px !important;
    }
    
    
    
    body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content {
        margin-top: 10px !important;
        top: 30px !important;
    }
}