Are you a theme developer looking to customize the Paid Memberships Pro stylesheet? If so, you’re in luck. We might just have the exact resource you’ve been looking for.
Customize the Paid Memberships Pro Stylesheet
Using the Twenty Twenty Theme for your WordPress Membership Site
Twenty Twenty is the newest theme released with WordPress version 5.3. I tested this new theme with Paid Memberships Pro and believe it is a strong choice for anyone looking to start a membership site on WordPress.
Watch the video below to see the theme working together with PMPro. The article include screenshots of the frontend theme experience as well as a block of custom CSS you can use to make this plugin and theme combo even tighter.
Insert a “Renew Membership” button via custom shortcode to display a renewal link/button for members.
The code recipe below to creates a renewal button shortcode [pmpro_renew_button] that can be used to insert a “Renew Membership” button on your WordPress site.
This page requires a Plus Account or higher.
Already have an account?
New to this site?
How to enhance the appearance of your Membership Checkout page by level using CSS.
If you’re looking to customize the general appearance of your Membership Checkout, one of the easiest methods to use is styling the page via CSS. We have some tutorials on enqueueing a customizations stylesheet for general PMPro Customizations, but what if you want to modify the appearance for a specific level ID at checkout?
Continue reading to learn how to customize the appearance of a specific level’s Checkout process.
Always Show the Discount Code Field
If you’re using any of the recipes to require discount codes or have a large percentage of your members using codes during registration, here’s a quick CSS snippet to always show this field at the top of your Membership Checkout page.
Enqueue a Customizations Stylesheet in Your PMPro Customizations Plugin
If you would like to add unique CSS/styles to your site running Paid Memberships Pro, here’s a tutorial that extends our article on creating a plugin for PMPro Customizations….
This page requires a Plus Account or higher.
Already have an account?
New to this site?
Plugin to Convert Levels page to DIV layout (plus a fancy Three Column style code idea)
Update: We are no longer supporting this method to adjust your Membership Levels page layout. Please use the Advanced Levels Page Shortcode Add On to adjust the display of your levels page. The default Paid Memberships Pro Membership Levels page is a table layout. Some membership pricing is better displayed NOT in a table -…
This page requires a Plus Account or higher.
Already have an account?
New to this site?
Use CSS to hide an empty column on pmpro_levels page: No recurring payment
If you are using the default pmpro_levels shortcode on your Membership Levels page – depending on your pricing you may have an empty column under the “Subscription Information” or “Initial Payment” heading. CSS to the rescue! Here’s a block of code that can be used to hide the “Subscription Information” column (useful if all of...
This page requires a Plus Account or higher.
Already have an account?
New to this site?
Membership Account CSS from pre-1.7 Plugin Version
Some people have asked to restore the floating, outlined boxes on the Membership Account page (many default styles were removed and simplified with the v1.7 release to give your theme defaults more control over the plugin appearance). Just place this block of code right into the Text / HTML editor of the page containing your (more…)
pmpro_levels Page: Getting Fancy
Thanks to the design tweaks in 1.7.1, we can now have some fun creating drop-in style blocks for the pmpro_levels page. Levels Page: Before Levels Page: After…