Mar 11, 2024 10:53 am
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.
Â
3 Replies
Mar 11, 2024 7:29 pm
@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}
