Color of Awesome Icons

marinolab1

added
.fa { color: # dc2316; }
no change

teitbite

marinolab1 Hi. Please tell me the url to the page where I will be able to see an example of font awesome's icon.

marinolab1

https://tinyurl.com/yxkjtdjd
(please leave real address hidden)
top right
in the lower center
bottom right

aman204

marinolab1 As suggested by @teitbite , Try add this to custom.css file and also consider adding !important directive as shown below :

.fa { color: #222 !important; }

Kindly ensure to clear your browser cache if changes dont reflect.

marinolab1

tried with many browsers

.fa { color: #dc2316 !important; }

Nada de Nada!

aman204

marinolab1 Hi

Can you add your admin details in edit fields in order for us to take closer look.

For reference, You can follow thread post (5 point) procedure.

marinolab1

Done

aman204

marinolab1 Hi

You may check with your hosting provider if they have some server-side caching enabled due to which modifications or changes in respective files might not reflect at times. Due to this, the site might store and reflect old webpages irrespective of changes or modifications being done at times due to same being enabled

Have replicate the same on local install and the specific CSS works fine

marinolab1

I believe in something to change in font-awesome.css....

aman204

marinolab1 I believe in something to change in font-awesome.css....

Having replicated on local install, The specific CSS through custom.css file works fine. Kindly confirm if you have asked your hosting provider to check for some server-side cache which might be resulting in having specific CSS to not append

marinolab1

The specific CSS through custom.css file works fine even for me about every change i put in, but not for the .fa
I can make a test you want tell me

aman204

marinolab1 Not sure as to why specific parent CSS rule set isnt appending for your site although, it's working fine on my local install

Have instead added more precise CSS through grouping and the same reflects fine - Ref: Screenshot

CSS added in custom.css file :

.fa-youtube-square:before,.fa-twitter-square:before,.fa-facebook-square:before,.fa-instagram:before{color: #222 !important; }

You may add further CSS selectors in grouped CSS above for font awesome icons you wish to target for having specific color change to append.

You can always learn and make best use of firefox developer tool if using firefox and Chrome DevTools in case of google chrome which would allow you to examine, edit visually, and debug CSS extensively and with ease 🙂

teitbite

marinolab1 Hi. I can see Your css is compressed so I'm guessing changes are not refleced since the file has not been regenerated. Please disable it and try than.

marinolab1

A great Thanks to all for everything explained