Align the Featured Pages buttons

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.

/* 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”

Comments are closed.