Notifications
Clear all

wpForo 1.x.x [Solved] 'Add topic' button to include a font awesome icon

5 Posts
4 Users
2 Reactions
897 Views
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

How can I add this pen icon in front of 'ADD TOPIC'

https://fontawesome.com/icons/pen?style=solid

Similar to how these buttons look:

https://ibb.co/JvvhLtQ

4 Replies
Sofy
Posts: 4772
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @stocksforum,

Please use the following CSS code: 

button#add_wpftopic:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f304";
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

3 Replies
StocksForum
(@stocksforum)
Joined: 6 years ago

Estimable Member
Posts: 135

@sofy It's not working (I think). Have added the code and cleared all caches many times.

https://smallcaps.com.au/forum/

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@stocksforum

try

#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f304";
padding-right:10px;
}

 

 fawp
(@fawp)
Joined: 5 years ago

Reputable Member
Posts: 201
Posted by: @tutrix

@stocksforum

try

#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f304";
padding-right:10px;
}

 

Thanks Tutrix - just leaving a personal note that this also works sitewide.