Notifications
Clear all

[Solved] Change Add Topic Button

4 Posts
2 Users
2 Reactions
224 Views
Posts: 60
Topic starter
(@sison2466)
Estimable Member
Joined: 7 months ago

I search before asking, so I was able to make some changes based on previous forum responses, but not all the support questions were completed, so my changes to the Add Topic button are incomplete. The button changes worked on the category page, but not the forum page. Screenshot attached.

Can you tell me what changes I need to make to the custom CSS below?

Thanks

#wpforo #wpforo-wrap
.wpf-button.add_wpftopic {
    border-radius: 0;
    border: 2px solid #C5001A;
    background-color: #C5001A;
    color: white !important; /* Make button font color white and important */
    font-size: 14px !important;
}
#add_wpftopic {
    border: 2px solid #C5001A;
    background-color: #C5001A;
    border-radius: 0;
    color: white !important;
    font-size: 14px !important;
}
3 Replies
Tutrix
Posts: 1436
(@tutrix)
Noble Member
Joined: 4 years ago

@sison2466 

#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
 border-radius: 0;
 border: 2px solid #C5001A;
 background-color: #C5001A;
 color: white !important;
 font-size: 14px !important;
}
Posts: 60
Topic starter
(@sison2466)
Estimable Member
Joined: 7 months ago

Danke! Can I ask you what would be the syntax if I wanted to change "quill" font-awesome icon? And do you know if WPforo supports Font Awesome 6?

Tutrix
Posts: 1436
(@tutrix)
Noble Member
Joined: 4 years ago

Posted by: @sison2466

Can I ask you what would be the syntax if I wanted to change "quill" font-awesome icon?

you can overwrite the feather-pointed

example pen "\f58b"

#wpforo #wpforo-wrap .fa-feather-alt::before {
 content: "\f58b" !important;
}

use the Unicode of the icon you want to use

Posted by: @sison2466

And do you know if WPforo supports Font Awesome 6?

wpForo currently uses version 6.5.1