Notifications
Clear all

[Solved] Change all buttons to square

4 Posts
2 Users
1 Reactions
245 Views
Posts: 59
Topic starter
(@sison2466)
Estimable Member
Joined: 5 months ago

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
Sofy
Posts: 4565
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Yes, sure. You've found the correct approach.

Reply
2 Replies
(@sison2466)
Joined: 5 months ago

Estimable Member
Posts: 59

@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.

Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4565

@sison2466,

Use this CSS code:

#wpforo #wpforo-wrap .wpf-button-outlined {border-radius:0; !important}
Reply