I am trying to resize the register button and center it and text "After registration you will receive an email confirmation with a link to set a new password" to the page directly under the other fields. I set the button to 20% in custom css but it did not scale well on mobile screens so I removed the code. I can recreate the text and FA icon using the custom fields and center it if it is easier to just make the original one display:none.
“If a man does his best, what else is there?”
– General George Patton Jr
Hi A_Goer,
To center the "After registration you will receive an email confirmation with a link to set a new password" element use the following code.
#wpforo-wrap .wpfw-1{
text-align: center;
}
To resize the registration button, use the following code for desktop:
#wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"]{
width: 20%;
}
For mobile use the following one :
@media screen and (max-width: 800px)
#wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"] {
width: 100% !important;
}
In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
Thank you. The mobile scale is cutting the button down.
“If a man does his best, what else is there?”
– General George Patton Jr
Hi A_Goer,
For mobile use the following one :
@media screen and (max-width: 800px)
#wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"] {
width: 100% !important;
}
It seems you've forgotten writing the "!important" statement in the following CSS code.
In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
I rechecked it, it was there all along. I placed it at the top and verified that there are no typos. How can I find out what is overwriting the "!important" statement? I cleared all cache afterwards and it is still not showing in Chrome Dev tools.
“If a man does his best, what else is there?”
– General George Patton Jr
Please stop searching of overwriting issues, that CSS is located in core and that is the original CSS. The overwriting CSS are the custom CSS you're adding to fix conflicts.
Please add all new CSS code below others not on top others.
In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.
You'll not see the difference in mobile. Mobile browser cache is very hard. You should use other phones or browsers which have never opened your website. And please leave some URL to your website.
In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.