[Resolved] Lightweight social icons color

[Fekry]

Hi there
This CSS class (below) works as I wish, but I do not it to affect on my homepage (only for posts and inside pages).
My you show me how to do that?
Thanks
.lsi-social-icons .lsi-social-instagram a, .lsi-social-icons .lsi-social-instagram a:visited, .lsi-social-icons .lsi-social-instagram a:focus {
background: #DD2A7B !important;

[Fekry]

Any help?

[Leo]

Hi there,

Try this selector instead:

body:not(.home) .lsi-social-icons .lsi-social-instagram a, 
body:not(.home) .lsi-social-icons .lsi-social-instagram a:visited, 
body:not(.home) .lsi-social-icons .lsi-social-instagram a:focus

Let me know if this helps 🙂

[Fekry]

I”ve put it in “simple CSS”, but it does not work.

[Leo]

That should absolutely work.

Can you guide me to the page I should be looking at?

[Fekry]

I’ve put the page URL, may you have a look?

[Leo]

Yup I did check.

When I check the Instagram icon one of the child pages, I don’t see my CSS being added.

[Fekry]

You can see it now Leo.

[Leo]

Yup I’m still seeing your original selector:
https://www.screencast.com/t/1uFlmRyZN3s

Not the one I provided here:
https://generatepress.com/forums/topic/lightweight-social-icons-color/#post-1245921

[Fekry]

Thanks Leo, I’ve removed the old CSS and added an instagram color code with your CSS and it works. May you see it please to make sure?

[Fekry]

Does this CSS can work also with twitter, facebook and others?

[Fekry]

Thanks Leo, now everything works as I wish.

[Leo]

Glad to hear 🙂

[Author]

Posts