-
Posts
-
Hi there,
I would like change the color of social network icons in the secondary menu.
1) At this moment they are green but I would like to put them in white.
2) The cases of each social network icon use differents colors when you pass the mouse over it. I would like to change these colors and put them all green.I’m using wordpress in local with wamp.
Thank you in advance.
Hey micropoleinstitut,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.header_color .social_bookmarks a {color:white !important;} .header_color .social_bookmarks a:hover {color:green !important;}Please let us know if you need further help!
Best regards,
SarahHi,
Can you try adding the !important rule? I’ve updated the code in my previous reply to reflect that change.
Best regards,
SarahHey!
Please try using the code as following
#header .social_bookmarks a {color:white !important;} #header .social_bookmarks a:hover {color:green !important;}Cheers!
YigitHey,
It does not work again, I succed to change the color in white directly in general style but the cases of each social network icon use always the default color.
Thank you in advance.
CheersHi,
Ah, I see! Please try this code instead:
#header .social_bookmarks a {color:white !important;} #header .social_bookmarks a:hover {color:green !important; background:none !important;}Best regards,
SarahHi,
That’s strange indeed. Did you also clear the cache when you made the changes? Did you try putting the CSS in the child theme’s style.css file?
The code we gave you should work. You can also try this:
#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-youtube:hover a { color:green !important; background:none !important; }Let us know if that helps.
Best regards,
SarahHey,
It changed the font color of the letter of the social networks when I move the mouse over.
But I want only the case in green when i move the mouse over. Like this photo
Thank you very much
Best regards,Hi,
The code Sarah posted should do exactly that. I suspect there might be some error in your custom CSS code.
Please let us know when you website is accessible so we can look into it :)Best regards,
Yigit
- You must be logged in to reply to this topic.