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 Align the Featured Pages buttons */
/* Align FP Buttons, adjust 90px to fit largest column */
.fp-text-one, .fp-text-two, .fp-text-three {
min-height: 90px;
}
.marketing h2 {
font-size: 2.2em;
}
/* Credit: Andrew Brockman */
/* END OF Align the Featured Pages buttons */
If you have purchased the Featured Pages Unlimited extension, use .fp-text-nn. So for 6 items the code would be:
/* START OF Align the Featured Pages buttons */
/* Align FP Buttons, adjust 90px to fit largest column */
.fp-text-one, .fp-text-two, .fp-text-three, .fp-text-4, .fp-text-5, .fp-text-6 {
min-height: 90px;
}
/* END OF Align the Featured Pages buttons */
8 thoughts on “Align the Featured Pages buttons”
Hello Dave.
I checked the following link: http://presscustomizr.com/snippet/featured-pages-home-remove-titles-buttons-text/
to get the CSS snippet to remove the buttons from my Featured Pages, but I have Customizr Pro and that code you posted there doesn’t seem to work. Perhaps it changes a little bit?
Thank you for your help!! 🙂
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
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!
This worked great until I purchased the featured pages unlimited plugin. I modified my CSS code to:
.fp-text-one, .fp-text-two, .fp-text-three, .fp-text-four { min-height: 90px; }Any idea how to work tis with more than three featured pages?? My site is http://www.jacksonvillesprinklerrepairs.com
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)
Thank you Dave! You’re a rock star!!
Dave,
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 …
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