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

Note :This snippet works only with the Classical style option. More about the theme style option here

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

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.

Related Snippets you may also like

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

  • Oliver Davy

    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.

  • Elin Hemmingsson

    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?

  • dweb

    FPU still takes the styling wich is configerd in Appearance, Adjust, Featured Pages, Title and Excerpt.

    • Rocco Aliberti

      Then try a rule with higher specificity and weight, like:

      Hope this helps

  • Rocco Aliberti

    With the new version of featured pages unlimited plugin,, for the titles:

    Hope this helps.

  • dweb


    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;

  • Paula Tiller

    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.

  • Hugh

    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?

  • Michelle

    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.



  • Igor

    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,

Comments are closed.