AI Search
Classic Search
Notifications
Clear all
Mar 11, 2024 2:53 pm
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 11:29 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
@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.
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Use this CSS code:
#wpforo #wpforo-wrap .wpf-button-outlined {border-radius:0; !important}