Archived topic
Lightweight social icons color
12 replies · Started by Fekry on April 19, 2020
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;
Any help?
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:focusLet me know if this helps :)
I"ve put it in "simple CSS", but it does not work.
That should absolutely work.
Can you guide me to the page I should be looking at?
I've put the page URL, may you have a look?
Yup I did check.
When I check the Instagram icon one of the child pages, I don't see my CSS being added.
You can see it now 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
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?
Does this CSS can work also with twitter, facebook and others?
Thanks Leo, now everything works as I wish.
Glad to hear :)
