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.
A “Ready to Go” CSS Customization File
We know that it can be tough to navigate through a CSS file you didn’t create. You need to understand what class or ID selectors will target what areas of a plugin’s frontend elements. And there is nothing quite like that feeling of updating a line of CSS, hitting refresh, and…nothing changed.
You’re left wondering where you went wrong. Knowing that you have to, once again, go back to the code and find the ‘right’ class. Sure, you could probably just go ahead and plant the infamous !important property to that CSS rule, but that can prove to be problematic later on. As theme developers ourselves, we know the struggle.
That’s exactly why we decided to create a Blank Paid Memberships Pro stylesheet (CSS) file. In this file, you will notice a nicely organized collection of all the PMPro class and ID selectors that you can target in your theme’s stylesheet to customize PMPro to your liking. All of the necessary plugin elements have been broken down into sections, making it really simple to navigate.
If you need more information on customizing Paid Memberships Pro, view our customization guide.
The CSS Customization file
Adding the Customizations to Your Theme
If you know that a majority of sites that use you theme will also use Paid Memberships Pro, you can include any of the classes you would like directly in your free or premium theme’s style.css file.
Alternately, if you would like to only include the Paid Memberships Pro styles if our plugin is active on the site, use code like the following to conditionally enqueue a custom paid-memberships-pro.css file. This code could be combined with your primary theme’s wp_enqueue_scripts function (using only lines 10 to 12) or can be placed as a separate function in the functions.php file.
