Hi, thank you for your wonderful theme. I'm so impressed, it has a lot of depth and everything so far has worked beautifully. I'm hoping you can solve a small design glitch with my site. Specifically, it doesn't quite integrate with the memberpress subscription pages on my website. Instead of a login bar at the bottom I get a tiny little almost-button. (see https://witnessperformance.com/support/individual/ ) I would like it to look like the login bar on the sidebar on the front page.
Hi, thank you for your wonderful theme. I'm so impressed, it has a lot of depth and everything so far has worked beautifully. I'm hoping you can solve a small design glitch with my site. Specifically, it doesn't quite integrate with the memberpress subscription pages on my website. Instead of a login bar at the bottom I get a tiny little almost-button. (see https://witnessperformance.com/support/individual/ ) I would like it to look like the login bar on the sidebar on the front page.
Very best
Alison
Hi,
Thank you for loving our theme.
Please add more this code to Customize > Custom CSS to do that:
input.mepr-submit{ display: block; width: 100%; font-size: 14px; padding: 12px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; max-width: 450px; outline: none; border: none; font-family: 'Montserrat', sans-serif; font-weight: bold; } input.mepr-submit:hover { color: #fff; background-color: #4f4cef; border-color: #4f4cef; }
Best Regards,
PenciDesign
Perfect! Thank you so much. But a PS: I also have the same problem on the login page https://witnessperformance.com/login/ so may need some more css
Hi,
You can use more this code:
.mepr_loginform input[type="submit"]{ display: block; width: 100%; font-size: 14px; padding: 12px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; max-width: 100%; outline: none; border: none; font-family: 'Montserrat', sans-serif; font-weight: bold; } .mepr_loginform input[type="submit"]:hover { color: #fff; background-color: #4f4cef; border-color: #4f4cef; }Best Regards,
PenciDesign
Hi PenciDesign, sadly this time it didn't work, :( I still have the not-quite button. I pasted it in twice to make sure I didn't make a mistake.
Hi,
Please try again with this code:
.mepr-form input[type="submit"]{ display: block; width: 100%; font-size: 14px; padding: 12px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; max-width: 100%; outline: none; border: none; font-family: 'Montserrat', sans-serif; font-weight: bold; } .mepr-form input[type="submit"]:hover { color: #fff; background-color: #4f4cef; border-color: #4f4cef; }Best Regards,
PenciDesign
Problem solved! Thank you so much for your stellar service!