Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

[Solved] Change all buttons to square

4 Posts
2 Users
1 Reactions
594 Views
Posts: 60
Topic starter
(@sison2466)
Estimable Member
Joined: 1 year 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: 5483
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

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

Reply
2 Replies
(@sison2466)
Joined: 1 year ago

Estimable Member
Posts: 60

@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: 8 years ago

Support Team
Posts: 5483

@sison2466,

Use this CSS code:

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