I'm trying to make the caption on the nectar slider smaller, both the heading and the paragraph. I've tried a number of the suggestions in the forum but none seem to work. How can I adjust the font size.
Thank you,
Carol
humm, For some reason the font size didn't change when I put in the code, I'm not sure why.
Also, Is there a way to change the spacing between the lines when the text wraps, there seems to be a large amount of spacing and it makes it difficult to read.
I've tried changing the line-height but that didn't work.
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
html body .swiper-slide .content h2 {
font-size: 32px!important;
}
html body .swiper-slide .content p {
font-size: 16px!important;
}
html body .swiper-slide .content p.transparent-bg span {
line-height: 28px!important;
}
}
Hey Carol, add this into the Custom CSS box located in your Salient Options panel:
body .swiper-slide .content h2 { font-size: 32px; } body .swiper-slide .content p { font-size: 16px; }Cheers :)
humm, For some reason the font size didn't change when I put in the code, I'm not sure why.
Also, Is there a way to change the spacing between the lines when the text wraps, there seems to be a large amount of spacing and it makes it difficult to read.
I've tried changing the line-height but that didn't work.
Thanks for you help.
Hey again Carol,
try this instead:
@media only screen and (max-width: 1300px) and (min-width: 1000px) { html body .swiper-slide .content h2 { font-size: 32px!important; } html body .swiper-slide .content p { font-size: 16px!important; } html body .swiper-slide .content p.transparent-bg span { line-height: 28px!important; } }Cheers :)
It worked, thank you.