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.
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;
}
Thank you. The mobile scale is cutting the button down.
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.
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.