Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Style [Solved] 2 CSS changes

5 Posts
2 Users
0 Reactions
1,078 Views
Posts: 51
 guts
Topic starter
(@guts)
Trusted Member
Joined: 2 years ago

I would like to change the color of the FontAwesome icons on the dark version of the theme and adapt it to a blue color, but I am struggling to find the correct class.

I have tried the following code, but it doesn't seem to work:

.darklup-dark-mode-enabled i:not(.darklup-dark-ignore i):before, .darklup-dark-mode-enabled .darklup--text-before:not(.darklup-dark-ignore .darklup--text-before):before {
    color: blue !important;
}

Additionally, I want to change my logo only on the dark version because I've created a lighter version to match the dark theme or even brighten it with CSS, but unfortunately, it's not taking effect. 🙁

I attempted the following:

 

img.custom-logo.darklup--img {
    filter: grayscale(1) opacity(1) sepia(0) brightness(1) contrast(0) !important;
}

My website is in the signature.
Thank you for your assistance.


4 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@guts 

.darklup-dark-mode-enabled i:not(.darklup-dark-ignore i)::before, 
.darklup-dark-mode-enabled .darklup--text-before:not(.darklup-dark-ignore .darklup--text-before)::before {color: blue !important;}
.darklup-dark-mode-enabled .site-logo-img {filter: brightness(2.55) !important;}    

3 Replies
 guts
(@guts)
Joined: 2 years ago

Trusted Member
Posts: 51

@tutrix This is what I have when pasting the code:

 


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@guts 

add it to custom css
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS


 guts
(@guts)
Joined: 2 years ago

Trusted Member
Posts: 51