Title: Blocks layout
Last modified: July 22, 2024

---

# Blocks layout

 *  Resolved [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/)
 * Hi,
 * I need to change the layout of some of PMP’s block, for instance the buttons’
   color on this one (at the bottom of the page): [https://onehomeplanet.com/pmp/levels/](https://onehomeplanet.com/pmp/levels/)
 * Thanks for your help,
 * Philippe

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17906630)
 * Hi Philippe, thank you for reaching out to the Paid Memberships Pro team.
 * Button styling can be changed under Memberships > Settings > Design where you
   can choose a primary and accent colour.
 * Any additional styling changes to the front-end buttons (or in cases where your
   theme might be applying a colour too), custom CSS would be required.
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17906735)
 * Thank you Jarry,
 * Now, how do I change the look of the button requiring people to log in? Example:
   [https://onehomeplanet.com/slicewp/affiliate-leaderboard/](https://onehomeplanet.com/slicewp/affiliate-leaderboard/)
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17908042)
 * Having thought about it, what suits me best is the Minimal global style. Unfortunately,
   Level and Price rows are not aligned (see [https://onehomeplanet.com/pmp/levels/](https://onehomeplanet.com/pmp/levels/)).
 * Thanks for your help again.
 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17908949)
 * Thank you for your feedback. This CSS should tighten up the rows and have everything
   line up as expected. This can be added to your Custom CSS field found under Appearance
   > Customizer.
 *     ```wp-block-code
       .pmpro_level td p {    margin: 0 !important;}
       ```
   
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17908986)
 * Hi Jarry,
 * I had to give up on the Minimal global style because other PMP blocks were then
   totally messed up. Back to the Default one, the Membership Levels List block’s
   bottom padding is not quite right (see [https://onehomeplanet.com/pmp/levels/](https://onehomeplanet.com/pmp/levels/)),
   and the CSS code you gave does not change that.
 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17911568)
 * Thank you for your feedback. I’ve adjusted the padding at the bottom of the card
   for you:
 *     ```wp-block-code
       .pmpro_card_content {    padding-bottom: 12px !important;}
       ```
   
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17911853)
 * Hi Jarryd,
 * It looks good for the button asking for people to log in ([https://onehomeplanet.com/slicewp/affiliate-leaderboard/](https://onehomeplanet.com/slicewp/affiliate-leaderboard/)),
   ok for membership levels ([https://onehomeplanet.com/pmp/levels/](https://onehomeplanet.com/pmp/levels/))
   though the top padding then lacks symmetry, and awful on other blocks ([https://onehomeplanet.com/pmp/checkout/?pmpro_level=8](https://onehomeplanet.com/pmp/checkout/?pmpro_level=8)).
 * The basic issue seems that PMP did not give the same padding to all its blocks/
   cards. What do you think?
 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17914063)
 * The added padding is intentional to mimic ‘cards’ with some added spacing at 
   the bottom. Unfortunately when it comes to front-end/styling changes there isn’t
   a one box fixes all solution however I appreciate your feedback.
 * You can change the CSS I sent you previously to work on the levels page. You 
   would need to choose a class on the leader board page (and replace LEADER_BOARD_CLASS_NAME_TOCHANGEHERE
   with it) so that the styling applies to those elements too.
 *     ```wp-block-code
       .pmpro_level_group .pmpro_card_content,.LEADER_BOARD_CLASS_NAME_TOCHANGEHERE .pmpro_card_content {    padding-bottom: 12px !important;}
       ```
   
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17914115)
 * It is much better, thank you. The one last thing is the Custom Membership Required
   Message ([https://onehomeplanet.com/slicewp/affiliate-leaderboard/](https://onehomeplanet.com/slicewp/affiliate-leaderboard/)).
   Is there a way to fix the padding for this one in particular?
 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17921293)
 * There aren’t any named CSS classes on this page but the following CSS will work
   on this page:
 *     ```wp-block-code
       .post-23558 .pmpro_card_content {    padding-bottom: 12px !important;}
       ```
   
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_
 *  Thread Starter [Philippe Roussel](https://wordpress.org/support/users/ph59/)
 * (@ph59)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17921740)
 * Merci beaucoup !
 *  Plugin Support [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * (@jarryd-long)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17923802)
 * Always a pleasure, Philippe!
 * Kind Regards,
   Jarryd_Support Manager at Paid Memberships Pro_

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Blocks layout’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/paid-memberships-pro_f1dacb.svg)
 * [Paid Memberships Pro - Content Restriction, User Registration, & Paid Subscriptions](https://wordpress.org/plugins/paid-memberships-pro/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/paid-memberships-pro/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/paid-memberships-pro/)
 * [Active Topics](https://wordpress.org/support/plugin/paid-memberships-pro/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/paid-memberships-pro/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/paid-memberships-pro/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [Jarryd Long](https://wordpress.org/support/users/jarryd-long/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/blocks-layout/#post-17923802)
 * Status: resolved