Icomoon font colors

Entrada WP Theme
#1

Hi Sanjeev,

I added custom icons without any issues per your instructions. Thank you. Next, I realized that I needed the icons for the “category gallery” to be white to match the text. I went back to icomoon and added “white” versions of the desired icons and and output again… and again… and again. I tried 18 different times before giving up. NONE of my white icons are visible in wordpress. The grey icons show up fine, but not the white.

This morning, I decided to leave the grey icons and try to style them to white using CSS.

First, I edited the style.css file as such:

.icon-drinking:before {
content: “\e9f1”;
color: #808080;
}
.icon-island:before {
content: “\e9f9”;
color: #fff; !important;
}
.icon-whale-watching2:before {
content: “\e9fa”;
color: #808080;
image
I tried with and without the !important designation. I also tried similar code in the customizer. As you can see from the screen shot, I’ve had no luck.

Please advise. Thank you!

#2

Never fails. I search every post on this site, spend hours trying to solve on my own and as soon as I post, I try something new that works…

Pasting this into the customizer worked…
.icon-island:before {
content: “\e9f9”;
color: #fff; !important;
}
image

#3

I am curious why the code only works in the customizer and not when editing the CSS in the style.css file from iconmoon?

#4

Hello,

Sure, the code works through customizer and not style for settings that are available in customizer. Basically those settings / css available in customizer overwrite the style.css file.

Here is the priority:

Customizer

style.css of child theme

style.css of main theme

So, settings like appearance >> customize >> layout will overwrite css in child theme and the css in child theme will overwrite style.css of main theme.

Hope thats useful.

Thx.