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”
Figured it out. Thanks.
Hi Oliver,
Could you share your tip ? 🙂
Thanks !
Hi. Thanks for all the advice, really helpful. Do you have a snippet for how to change the colour of featured pages titles separately? I want each one to be a different colour. Many thanks.
Hi, I used the new version of featured pages unlimited plugin. But the heading under the round picture doesn’t look nice (The heading is so long so it will be in two rows, and the space between the letter is so small so the two lines are almost in top of each other.
Do you know how to fix it?
Hi Elin,
As a pro user, please open a new ticket in the Featured Pages Unlimited support forum.
We handle all pro support request there and will do our best to help.
Thanks
Hello Rocco,
That works fine. Thank you.
Glad to hear this 😀
You’re welcome.
FPU still takes the styling wich is configerd in Appearance, Adjust, Featured Pages, Title and Excerpt.
Then try a rule with higher specificity and weight, like:
.fpc-marketing .fp-one .fpc-widget-front h2.fp-title { color: black !important; }Hope this helps
Still doesn’t work.
With the new version of featured pages unlimited plugin,, for the titles:
Hope this helps.
Hello,
In FPU version 1.3 i changed the heading by adding the style.css of my childtheme with:
.fp-one h2, .fp-two h2, .fp-three h2. Now this does not work anymore.
I tried the code mentioned above, .marketing h2, but that does not work. I now use FPU 1.9.
How can i change the heading of the three widgets?
This was my code in for FPU 1.3:
.fp-one h2 {
color: #696e4e;
font-weight: bold;
}
.fp-text-one {
color: #5a5a5a;
}
.fp-two h2 {
color: #ba5443;
font-weight: bold;
}
.fp-text-two {
color: #5a5a5a;
}
.fp-three h2 {
color: #4b77be;
font-weight: bold;
}
.fp-text-three {
color: #5a5a5a;
}
The website URL is http://www.walkingwiththelocals.com. It is still being tweaked currently.
Thanks, it looks very nice. Good font combination.
I would be pleased to include your site to the showcase, feel free to submit it here : http://www.presscustomizr.com/customizr-showcase-submission-form/
I need to move the .marketing h2 heading so that it appears above the round div feature image as opposed to it’s current location below it. Any help very welcome.
I had posted this elsewhere but this seems like a more appropriate thread.
Can anyone give me a pointer on this please? Many thanks.
Hi Paula, this can’t be done simply via CSS. You’ll have to dive into the code to change the orders of those elements.
Cheers
Thanks. I’ve done that now. Great theme. Thank you very much.
Glad to read that. Can you share the url of the website?
thanks
High, I am looking to add different text in each of the “buttons” on the front page in the featured pages area of the them. Is this possible? I only found the one place in the theme options which changes all of the buttons’ text at once. Is there a form I am missing? Is there a custom field which can be used on each page? or should I try and target each button with a CSS pseudo class element and add unique text to each one?
Hi Hugh, this has to be done with CSS. As of today there is no options in admin to do so.
Cheers
Figured it out! Have to activate menus in the theme. Just theme not being there stressed me out!
Hi and thanks for this theme, as I’m sure everyone using it does!
I’ve created a child theme and added custom CSS as I want to change the font size for the Featured Pages Headings. I copied all the above and then deleted what I didn’t need (Pages & Text css). Problem is, now it has activated all my menus have disappeared.
Help!
-Michelle
Hi Dave,
Do you have a tip how to change rounded featured pages settings back to square? I try to put in an e-book and circle doesn’t look good, but square was.
Thank you,
BR,
Igor
Sorry for late reply.
This Snippet may achieve what you’re looking for.