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! 🎄
If I wanted to change all buttons in Foro to a square by default, is this the right way to do it?
#wpforo #wpforo-wrap .wpf-button {
border-radius: 0;
}
If I did that, then I could still individually style specific buttons like so, correct?
#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
border: 2px solid #C5001A;
background-color: #C5001A;
color: white !important;
font-size: 14px !important;
}
#wpforo #wpforo-wrap .fa-sharp fa-light fa-pen-field::before {
content: "\f58b" !important;
}
I'm trying to make Foro match the rest of my theme. Thanks.
@sofy I have some buttons that are not cooperating. CSS looks like this:
#wpforo #wpforo-wrap .wpf-button {
border-radius: 0 !important;
font-size: 14px !important;
}
#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
border: 2px solid #C5001A;
background-color: #C5001A;
color: white !important;
}
#wpforo #wpforo-wrap .fa-sharp fa-light fa-pen-field::before {
content: "\f58b" !important;
}
But I still have buttons like this with rounded corners. Am I missing some additional CSS? I purged forum cache, litespeed cache, and browser cache. No change.
Use this CSS code:
#wpforo #wpforo-wrap .wpf-button-outlined {border-radius:0; !important}
