I've figured out how to change all slider text colors throughout the site with this code:
/* Heading for all slides*/
body .swiper-slide .content h2 {
color: #9a9a9a !important;
}
/* Sub heading for all slides*/
body .swiper-slide .content p {
color: #9a9a9a !important;
}
My problem is that I can't figure out how to target a specific page instead of changing the color of all of the site's slider text. Basically, I would like to turn this page's slider text color to white: http://musicyoucanswimto.com/?page_id=1880# - while keeping the page's slider text color this gray: http://musicyoucanswimto.com/
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
/* Heading for all slides*/
body.page-id-1880 .swiper-slide .content h2 {
color: #9a9a9a !important;
}
/* Sub heading for all slides*/
body.page-id-1880 .swiper-slide .content p {
color: #9a9a9a !important;
}
Thank you so much! It worked, as well as taught me how to solve future problems :).
For anyone else reading: the solution was to specify the specific page\'s ID with \"page-id-1880\", which also coincides with that page\'s URL. You can see below, after the \"body.\" attribute.
Hello,
I've figured out how to change all slider text colors throughout the site with this code:
/* Heading for all slides*/
body .swiper-slide .content h2 {
color: #9a9a9a !important;
}
/* Sub heading for all slides*/
body .swiper-slide .content p {
color: #9a9a9a !important;
}
My problem is that I can't figure out how to target a specific page instead of changing the color of all of the site's slider text. Basically, I would like to turn this page's slider text color to white: http://musicyoucanswimto.com/?page_id=1880# - while keeping the page's slider text color this gray: http://musicyoucanswimto.com/
Thank you!
Taylor
Hey,
/* Heading for all slides*/ body.page-id-1880 .swiper-slide .content h2 { color: #9a9a9a !important; } /* Sub heading for all slides*/ body.page-id-1880 .swiper-slide .content p { color: #9a9a9a !important; }
Thanks
ThemeNectar Support Team
Thank you so much! It worked, as well as taught me how to solve future problems :).
For anyone else reading: the solution was to specify the specific page\'s ID with \"page-id-1880\", which also coincides with that page\'s URL. You can see below, after the \"body.\" attribute.