Skip to content

Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

PowerPack

⌘K
  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Content Grid
  6. How to align buttons equally at the bottom in Content Grid?

How to align buttons equally at the bottom in Content Grid?

To equally align the buttons of posts in the Content Grid, you will just need to add a following CSS class to the module: cg-equal-align-button

  1. Open the Content Grid module settings and navigate to the Advanced tab
Content Grid Advanced tab
Content Grid – Advanced tab

2. Now navigate to the section HTML Elements > Class and add the CSS class cg-equal-align-button

Equal align button CSS class in PowerPack Content Grid
CSS Class in Content Grid

That’s it. Save the module settings and you will see that all buttons are now equally aligned.

Equally Aligned Buttons in PowerPack Content Grid
Equally Aligned Buttons in Content Grid

Please note that this class won’t work for the custom layout.

🎃 🎃

⚡ HALLOWEEN FLASH SALE! Save up to 40% OFF  Claim Your Treats ➔

🎃 Wait! Your Halloween Savings Are Still Here!

You're about to miss our biggest sale of the year. Save up to 40% and secure unlimited site licenses before the Halloween sale ends.

×