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