Input labels on PMPro checkout are shown above the input field. If you want inline form fields instead, use the code recipe below to insert the necessary CSS to display these labels inline with the form inputs for large displays only.

Banner image for styling checkout page inline labels and inputs

The Code Recipe

Image of the before and after for styling the checkout page with inline labels and inputs

Adding the Recipe to Your Website

You can add this recipe to your site by creating a custom plugin or using the Code Snippets plugin available for free in the WordPress repository. Read this companion article for step-by-step directions on either method.

Free Course: Membership Site Development—The Basics

Develop a deeper understanding of membership site development in this beginner-level course. Learn how to make your site work better, save yourself time and money, and improve your site's performance.

Featured Image for Membership Site Development Course: The Basics
Was this article helpful?
YesNo