Posts Tagged: account page

About the Code Recipe

This code recipe will change the “Renew” link found on your Membership Account page under the “My Memberships” section to a “Renew” button.

Default: Renew link appears (before CSS).

After: Renew button appears

The “Renew” link is only displayed when the member has a level with an expiration date and will not be shown for a member that has an active subscription. If the member has an active subscription without an expiration date, then this recipe will modify the appearance of the first link that appears below their level name (most likely a “Change” text link).

Default: Change link appears (before CSS)

After: Change button appears

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 account shortcode (pmpro_account) and you are good to go.

<style>
#pmpro_account-profile.pmpro_box {float: left; border: 1px solid #CCC; width: 45%; padding: 1%; }
#pmpro_account-links.pmpro_box {float: left; border: 1px solid #CCC; width: 45%; padding: 1%; }
#pmpro_account-invoices.pmpro_box {float: right; border: 1px solid #CCC; width: 45%; padding: 1%; }
#pmpro_account .pmpro_box h3 {border:none; background: none; border-bottom: 1px solid #CCC; padding: 0 0 .5em 0; margin: 0 0 .5em 0;  }
</style>

Paid Memberships Pro

Increase renewals by changing the “Renew” text link into a button on your Membership Account page.

About the Code Recipe

The Code Recipe

This code recipe requires a Plus Account or higher.

Membership Account CSS from pre-1.7 Plugin Version

70,000+ membership sites use Paid Memberships Pro to #GETPAID

Select a membership to get started today