Waiting for Themosaurus team
- This topic has 7 replies, 2 voices, and was last updated 5 months, 1 week ago by
.
Viewing 8 posts - 1 through 8 (of 8 total)
-
Posts
-
Hello,
The member registration page has styling issues from the recent updates with Paid Membership Pro. Also, any word on the fix for this issue here:
Register Page using Paid Memberships Pro Styling Not Working After Update
This reply has been marked as private.
Hi Alongar,
Thank you for reporting this issue! Seems indeed PMPro made several changes. 🙂
Could you try with this snippet please :
/** * Account */ #site .pmpro_card{ background-color:var(--grimlock-archive-post-background-color); color:var(--grimlock-archive-post-color); border:0px; } .pmpro_card .pmpro_card_title{ color:inherit; } /** * Fields */ #site .pmpro_form_input{ background-color:var(--grimlock-control-background-color); border-color:var(--grimlock-control-background-color); color:var(--grimlock-archive-post-color); } /** * Login */ .pmpro_card_actions{ text-align:center; border:none !important; } #site .pmpro_section #loginform .login-submit .button{ background-color:var(--grimlock-button-primary-background-color); color:var(--grimlock-button-primary-color); } #site .pmpro_section #loginform .login-submit .button:hover{ background-color:var(--grimlock-button-primary-hover-background-color); color:var(--grimlock-button-primary-hover-color); } .pmpro_form_field-password-toggle button, .pmpro_form_field-password-toggle button:hover, .pmpro_form_field-password-toggle button:focus, .pmpro_form_field-password-toggle button:active{ color:inherit !important; } .pmpro_form_field-password-toggle svg{ stroke:CurrentColor; } .pmpro_section:not(.pmpro_checkout_gateway-none) .pmpro_cols-2{ display:block; } .pmpro_section:not(.pmpro_checkout_gateway-none) .pmpro_cols-2 .pmpro_form_field{ width:100%; } #site .pmpro_form_label, #site .pmpro_form_field{ color:var(--grimlock-text-color); } /** * Levels */ #pmpro_levels .pmpro_card, .pmpro_table, .pmpro_table tbody th, .pmpro_table tbody td, .pmpro_table tfoot td, .pmpro_card.pmpro_login_wrap{ background-color:transparent !important; box-shadow:none; border:none !important; } #pmpro_levels .pmpro_card .pmpro_card_content{ padding:0px; } 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, #site .pmpro_btn:not(.pmpro_btn-password-toggle){ 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; } }Best,
Hi thanks, it fixed most of the issues. However, the registration page is still showing issues. Screenshot provided.
Hi Carm,
I updated the snippet. Can you tell me if all is looking good, now ? 🙂
Best,
Hi,
The updated snippet fixed the issue. Thank you.
Glad to read that Alongar!
Be sure this issue will be solved in the next update of Grimlock for PMPro 🙂
Cheers,
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
