Hi,

I am trying to modify the line height of the nectar slider text, but some other css is overwriting it.

I am using this in the Custom CSS box in the Salient theme panel:

.swiper-slide .content h2 {
line-height: 53px!important;
}

.swiper-slide .content p {
line-height: 30px!important;
}

but they get over written by this that I cant find anywhere:

.swiper-slide .content h2 {
font-family: Open Sans;
letter-spacing: 1px;
font-size: 43px;
line-height: 62px!important;
}

and

#featured article .post-title h2 span, .swiper-slide .content p, #portfolio-filters-inline #current-category, body .vc_text_separator div {
font-family: Open Sans;
font-size: 20px;
line-height: 39px!important;
}

Could you please guide me where is that CSS coming from, and where can I change it?

thanks!

Nevermind!

I just needed to ad body to the CSS line for it to work:

body .swiper-slide .content h2 {
line-height: 53px!important;
}

body .swiper-slide .content p {
line-height: 30px!important;
}

I need to do something very similar; I\'ve managed to change the line-height of the H2 text (using body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content), but I can\'t work out how to bring the a.slider-prev and a.slider-next arrows down to the same level on the slide. I used bits from here successfully (https://themenectar.ticksy.com/faq/2037) but haven\'t managed to adapt the CSS for the arrows themselves. Do I need to target something other than body #ajax-content-wrap?

I think I finally got it. I used:

.nectar-slider-wrap .swiper-container .slider-next {
line-height: 325px !important;
}

.nectar-slider-wrap .swiper-container .slider-prev {
line-height: 325px !important;
}

If there\'s a better way to do it, please feel free to let me know :)