Notifications
Clear all

wpForo 1.x.x [Solved] How to color my Extended layout & Simplified layout icons

6 Posts
4 Users
3 Likes
734 Views
Posts: 19
Topic starter
(@tronictalk)
Eminent Member
Joined: 3 years ago

How to color my Extended layout & Simplified layout icons, I tried many trick but the color seems to be unchangeable , the same Gray color , is always there . can you please help me with that .

thanks in advance .

5 Replies
Sofy
Posts: 4053
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi@tronictalk,

Please see the screenshot below. There is provided an example on how to change the color of the icon, you'll just need to use the CSS code like this one:

div#wpf-forum-7 .wpforo-forum-icon i {
    color: #7d5050 !important;
}

Just change the forum ID and the value of the color property. 

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.   

 

4 Replies
(@tronictalk)
Joined: 3 years ago

Eminent Member
Posts: 19

@sofy

Thank you very much @Sofy , I just added the code , here is how it looks 

 

(@rebel)
Joined: 3 years ago

Active Member
Posts: 9

@sofy

I added the code but I could not change the Forum ID and the value of the color property I could not find that page
Moderator
(@martin)
Joined: 7 years ago

Support Team
Posts: 914

@rebel,

You can find Forum IDs in Dashboard > Forums > Forums admin page:

(@rebel)
Joined: 3 years ago

Active Member
Posts: 9