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.

The CSS Code Recipe

#other_discount_code_p {display: none;}
#other_discount_code_fields {display: flex !important;}

Adding the Custom CSS to Your Website

There are a few ways to add custom CSS to your membership site. Check out our guide on how to add CSS, which includes tutorials on adding CSS to your child theme, the Site Editor / Customizer, as well as in a stylesheet for PMPro Customizations.

Do not place custom CSS in any file in a theme that gets regularly updated or you will lose your code.

Learn More: Add Custom CSS

The Result (Screenshot)

Screenshot of the result of coding to always show discount code field with Paid Membership Pro

Author: Kim Coleman

Kim Coleman is the co-founder of Paid Memberships Pro, the most trusted membership platform, which powers over 90,000 membership sites worldwide. With over two decades of experience in development, management, and marketing, Kim plays a pivotal role in shaping the product and guiding the team.

She specializes in content creation, video tutorials, and frontend development for the core open-source plugin and its various Add Ons, helping businesses of all sizes build and grow their membership sites.

View more articles by Kim Coleman »