Archived topic
Social Icons color
10 replies · Started by Fekry on April 15, 2020
I try to add Social Icons in "Contact" page, when I insert them in edit page their colors look as what I want. but when I preview the page their colors change, because of "link and link hover" in content color customize. May I need CSS code to make Social Icons save defualt colors.
thanks
Hi there,
Can you guide me to the Contact page? The page isn't in English so I can't quite tell.
Thanks :)
اHi Leo. It'S English (Contact)
May you try now.
Can you edit the link in the original topic so it goes directly to the contact page?
I did it, may you have a look please!
The link you've provided is a WordPress login page.
Can you provide the direct link? the one that's open to the public :)
May you try again Leo...
Hi there. I've put the link you ask, may you check it please.
Hi there. I’ve put the link you ask, may you check it please.
Hi there,
the CSS is working and looks good to me - the only color you haven't declared is for the Hover color for example the Facebook:
.lsi-social-icons .lsi-social-facebook a,
.lsi-social-icons .lsi-social-facebook a:visited,
.lsi-social-icons .lsi-social-facebook a:focus {
background: #3b5998 !important;
}You can create a separate hover color like so:
.lsi-social-icons .lsi-social-facebook a:hover {
background: #cccccc !important;
}Just set your own color. And do this for each of your icons
