AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] 'Add topic' button to include a font awesome icon

5 Posts
4 Users
2 Reactions
1,506 Views
StocksForum
Posts: 135
Topic starter
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
(@stocksforum)
Estimable Member
Joined: 8 years ago
[#13599]

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

 Screen Shot 2020 05 26 at 1.48.31 pm

4 Replies
Sofy
Posts: 5777
 Sofy
Admin
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)
Support Team
Joined: 8 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: 8 years ago

Estimable Member
Posts: 135
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 It's not working (I think). Have added the code and cleared all caches many times.

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

 Screenshot 20200526 184427 Chrome

Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1519
Sofy
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

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

Reputable Member
Posts: 212
StocksForum
Sofy
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
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.


Share: