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] Change Add Topic Button

4 Posts
2 Users
2 Reactions
877 Views
Posts: 60
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
(@sison2466)
Estimable Member
Joined: 2 years ago
[#55331]

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;
}
 chrome Ig0CudVjPY

3 Replies
Tutrix
Posts: 1519
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
(@tutrix)
Noble Member
Joined: 6 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
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
(@sison2466)
Estimable Member
Joined: 2 years 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: 1519
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
(@tutrix)
Noble Member
Joined: 6 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

 

 


Share: