Notifications
Clear all

Style [Solved] 2 CSS changes

5 Posts
2 Users
0 Reactions
352 Views
Posts: 51
 guts
Topic starter
(@guts)
Trusted Member
Joined: 8 months 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: 1436
(@tutrix)
Noble Member
Joined: 4 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: 8 months ago

Trusted Member
Posts: 51

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

 

Tutrix
(@tutrix)
Joined: 4 years ago

Noble Member
Posts: 1436

@guts 

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

 guts
(@guts)
Joined: 8 months ago

Trusted Member
Posts: 51