Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Register Page using Paid Memberships Pro Styling Not Working After Update

Find Answers and Get Support Forums Armadon – Gaming Community WordPress Theme Compatible Plugins Register Page using Paid Memberships Pro Styling Not Working After Update

Waiting for Themosaurus team
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • Alongar
    Participant
    • 37 Topics
    • 103 Posts
    @alongar

    Hello,

    I updated the plugin for Paid Memberships Pro because there was a security vulnerability and now the styling of the register page is not correct. It just displays a table list of the membership levels instead of boxes with descriptions of the membership levels.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    Hi Alongar,

    Thank you for bringing this issue to our attention! Seems the markups have been changed during last update. To change this, simply add the following code snippet to your website:

    /**
     * Levels
     */
    
    table.pmpro_levels_table{
      display:block;
      border:none;
      box-shadow: none;
    }
    table.pmpro_levels_table thead{
      display:none;
    }
    table.pmpro_levels_table tbody{
      display:grid;
      grid-gap:2rem;
      grid-template-columns: 1fr;
    }
    table.pmpro_levels_table tbody > tr {
      display:block;
      padding: var(--grimlock-archive-post-padding);
      display:grid;
      grid-gap:1rem;
      grid-template-columns: 1fr;
      box-shadow: 0px 0px 20px 0px rgba(27, 26, 35, .3);
      background-color:var(--grimlock-archive-post-background-color);
      border-radius:var(--grimlock-archive-post-border-radius);
      border: var(--grimlock-archive-post-border-width) solid var(--grimlock-archive-post-background-color);
      transition: all 0.3s;
    }
    table.pmpro_levels_table tbody > tr:hover{
      border: var(--grimlock-archive-post-border-width) solid var(--grimlock-button-primary-border-color);
    }
    table.pmpro_levels_table tbody > tr th, table.pmpro_levels_table tbody > tr td{
      text-align:center;
      padding:0px;
      background-color:transparent;
    }
    table.pmpro_levels_table tbody > tr th{
      font-size: 1.5rem;
      line-height: 1.25;
    }
    table.pmpro_levels_table tbody > tr th + td{
      font-size: 1.9rem;
      font-weight: 600;
      color: var(--grimlock-button-primary-background-color);
    }
    table.pmpro_levels_table tbody > tr td:has(.pmpro_btn){
      margin-top:1rem;
    }
    table.pmpro_levels_table tbody > tr td .pmpro_btn{
      background-color: var(--grimlock-button-primary-background-color);
      color: var(--grimlock-button-primary-color);
      font-family: var(--grimlock-button-font-family);
      font-weight: var(--grimlock-button-font-weight);
      border: var(--grimlock-button-border-width) solid var(--grimlock-button-border-color);
      padding: var(--grimlock-button-padding-y) var(--grimlock-button-padding-x);
      font-size: var(--grimlock-button-font-size);
      line-height: var(--grimlock-button-line-height);
      border-radius: var(--grimlock-button-border-radius);
      transition: all 0.2s ease-in-out;
      text-transform: var(--grimlock-button-text-transform);
      letter-spacing: var(--grimlock-button-letter-spacing);
    }
    table.pmpro_levels_table tbody > tr td .pmpro_btn:hover{
      background-color: var(--grimlock-button-primary-color);
      color: var(--grimlock-button-primary-background-color);
      border: var(--grimlock-button-color);
    }
    @media (min-width: 992px) {
      table.pmpro_levels_table tbody{
        grid-template-columns: 1fr 1fr 1fr;
      }
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Be sure we’ll correct this in the next update. 🙂

    Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    If you want to go further with the customization of your website, we advise that you require customization work.

    Regards,

    Alongar
    Participant
    • 37 Topics
    • 103 Posts
    @alongar

    Hello,

    Thanks. It fixed most of the issue. The styling looks correct but the issue that’s still present is the description of the membership level is not showing still. Only the Membership Level name and the price are showing.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    Please allow me some time to find a solution. 🙂

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    Can you confirm me you added a description ? From our end, all is working correctly. If the description has been added and still not displayed, Could you please deactivate all plugins but :

    1. Kirki
    2. Grimlock
    3. Grimlock for PMPro
    4. PMPro

    Don’t forget to empty your cache before checking.

    If this issue still occurs, it’s best if we take a quick look ourselves. Could you create a new website user for us please? If possible with administrator capabilities so we can make a quick check of your settings. You can post the user name and password in your next reply and mark it as private to keep this between us.

    Also, are we free to deactivate plugins for our tests? In this case, I invite you to make a backup before we investigate your website further in order to make sure you don’t loose any data if something goes wrong.

    Thank you.

    Alongar
    Participant
    • 37 Topics
    • 103 Posts
    @alongar
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    Hi Alongar,

    Thanks for your detailed feedback! It’s really appreciated when a user makes a full diagnostic like you did. Thanks! 🙂

    Thank you for granting us access to your website. Please allow us some time to investigate.

    Kind regards,

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6603 Posts
    @themodactyl

    Thank you for your patience, Alongar!

    The description is not added by PMPro by default. We overrode the template to add the description ourselves. However, there is no easy way to do this with a snippet waiting for the update. Rest assured, I’ve brought this issue to the attention of our development team, and they will resolve it in the next update.

    I’m afraid that no release date can be disclosed as we have a lot to work on. We’ll be back to you as soon as this issue is fixed.

    Best,

    Alongar
    Participant
    • 37 Topics
    • 103 Posts
    @alongar

    Ok thank you. Looking forward to the update.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site