Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!
Merry Christmas and Happy Holidays! 🎄
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 #wpforo-wrap .wpfw-1{
text-align: center;
}
To resize the registration button, use the following code for desktop:
#wpforo #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 #wpforo-wrap .wpforo-register-wrap .wpf-field.wpf-field-type-submit input[type="submit"] {
width: 100% !important;
}
Hi A_Goer,
For mobile use the following one :
@media screen and (max-width: 800px)
#wpforo #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.
