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] 2 CSS changes

5 Posts
2 Users
0 Reactions
1,253 Views
Posts: 51
 guts
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
(@guts)
Trusted Member
Joined: 2 years ago
[#51149]

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: 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

@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
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 This is what I have when pasting the code:

 


Tutrix
(@tutrix)
Joined: 6 years ago

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

@guts 

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


 guts
(@guts)
Joined: 2 years ago

Trusted Member
Posts: 51
Tutrix
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 It works, thank you.


Share: