Align the Featured Pages buttons

Note : the following code snippet requires advanced WordPress developer skills. There's no guarantee that this snippet works as is with the latest version of our themes, and with the latest version of WordPress. That's why you need to always test any code snippets in a staging environment before implementing it in a production site.

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.


If you have purchased the Featured Pages Unlimited extension, use .fp-text-nn. So for 6 items the code would be:


Related Snippets you may also like

8 thoughts on “Align the Featured Pages buttons

    • Dave Bardell Post author

      Hi Marie. Not sure why you posted your question here and not on the snippet you had a problem with ?!

      Anyway, you don’t need a snippet. Go to Customise>Content>Featured Pages and uncheck the

      · Buttons ·
      Display buttons

      • Marie

        Hi Dave. I’m sorry for posing the question in this post. I just thought that it had *some* relation to the overall topic. Also, thank you very much for your answer!

  • Andrew Brockman

    This worked great until I purchased the featured pages unlimited plugin. I modified my CSS code to:

    Any idea how to work tis with more than three featured pages?? My site is

    • Dave Bardell Post author

      Good point. I’ll update the Snippet.

      After the original .fp-text-one, .fp-text-two, .fp-text-three, Nic reverted to numeric values (as you can have as many as you need). He maintained the original one-two-three for backward compatibility, but you should use .fp-text-nn where nn is a number (eg .fp-text-4)

      • Andrew Brockman


        I just realized that this aligns the buttons, but as the screen size gets smaller the buttons get out of whack again. I think it is the fact that the h2 headings in widget-front wrap as the column gets narrower and therefore changes where the .fp-one etc start from. Is there any way to make the area where the h2 is a min-height as well?

        I hope this makes sense …

        • Dave Bardell Post author

          In reviewing all my snippets for 3.3, came across your comment. Have updated the Snippet and credited you. I guess 12m down the line won’t help you, but maybe someone new!

          Thanks Andrew

Comments are closed.