Change text appearance of the Featured Pages Heading-Text-Button

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

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 text appearance of the Featured Pages Heading-Text-Button */
/* Change Featured Pages Heading */
.marketing h2 {
font-size:      2em;
font-weight:    bold;
font-family:    Garamond;
color:          red;
}

/* Change Featured Pages Text */
.fp-text-one, .fp-text-two, .fp-text-three {
font-size:      2em;
font-weight:    bold;
font-family:    Garamond;
color:          green;
}

/* Change Featured Pages Button */
.btn.btn-primary.fp-button {
font-size:      2em;
font-weight:    bold;
font-family:    Garamond;
color:          yellow;
}
/* END OF Change text appearance of the Featured Pages Heading-Text-Button */

25 thoughts on “Change text appearance of the Featured Pages Heading-Text-Button”

Comments are closed.