Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Change the font/size/color of the Slider Titles */
/* Change Slider Titles (2em) font-size, (Garamond) family, (red) color */
/* Title text */
.carousel-caption h1 {
font-family: Garamond;
font-size: 3em;
color: red !important;
}
/* Description text */
.carousel-caption p {
font-family: Garamond;
font-size: 2em;
color: blue !important;
}
/* Button text */
.carousel-caption .btn {
font-family: Garamond;
font-size: 1em;
color: yellow;
}
/* END OF Change the font/size/color of the Slider Titles */
7 thoughts on “Change the font/size/color of the Slider Titles”
Mhm… It seems that the “.carousel-caption h1” should to be “.carousel-caption h2”. Otherwise it does not work.
Thanks for your suggestions and support.
PLB
…
.carousel-caption h1 {
…
Hi,
Is it possible to have HTML form, in replace of Slider Title and Description?
And of course, set the Slider Button as Form SUBMIT button?
It would be great if I can have this possible.
Thanks
Hi , this is possible but would requie quite a lot of coding.
I would recommend to make the slider button point to a form page in your website.
Cheers
Hello. I wonder if you can help. I have searched and searched for an answer and cannot find one. I have gone into the media images, filled out the text boxes, turned on the slider button to add image to slider, and cannot for the life of me get the default Customizr text on the slider to go away. I think I am so over tired I cannot see the forest for the trees.
What am I missing?
http://www.songbirdorganics.com
Hi Palrom,
You might want to follow this tutorial on slider creation : http://www.presscustomizr.com/creating-a-slider-with-the-customizr-wordpress-theme/
Don’t panic, you’ll manage to do it! 😉
Hope this will help and I look forward to reading from you!
PS : I have changed the comment settings to display your nickname (following your email)
Hi, to be responsive, you have to set CSS rules for each devices like with the @media queries. More about that here :
http://www.presscustomizr.com/snippet/media-queries-responsiveness/
Web resources :
https://developer.mozilla.org/fr/docs/CSS/Media_queries
http://www.w3.org/TR/css3-mediaqueries/
I have placed this CSS into a Child theme. I’m trying to work with the text and this CSS but the Font size will not reduce “responsively” when changing the size of the window as it does with the original CSS. Any suggestions?