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;
    }
}