3. Styling


Memberium shortcodes inherit the user’s theme style choice by default. However, you can choose to change the appearance and features of your pages manually. All it takes is some creative use of CSS codes and editing skills. Changing details and features can be done relatively quickly and easily.

Styling HTML of Your Shortcode

The video example shows a standard Memberium login page that will be used to test the method you can use to change the appearance of your pages. In the beginning, the page is already following the chosen default theme and has not yet had any elements changed.

To change the styling HTML on any Memberium page, you can right-click anywhere on the page and choose to view the source by clicking “View Page Source.” From the source page, you can type CTRL+F, and when the search bar pops up, type “login” into the space. Scroll down to the code information that corresponds with the login page you’re planning to change.

There are several sections listed for the different classes that correspond to your login page’s features and details.

If you choose to visit the Memberium page for shortcodes related to the member login form, you can scroll down to the “Description” section and view some of the CSS classes used on the login page.

It’s important to note that if you add CSS in the WordPress editor, you may run into some issues along the way. For example, if you added the code to your page in Text Mode and then switched over to Visual Mode, it might get rid of the CSS codes.

To get around this, you can place the codes into your Themes CSS file or a separate file.

Additionally, there are some useful plugins on WordPress that allow you to use CSS codes with a little more ease.

  • Was this Helpful?
  • YesNo