- This topic has 5 replies, 3 voices, and was last updated 8 years ago by
.
-
Posts
-
I’d like to change the hover color of my social media icons – right now it is the default red.
I don’t mind editing the style.css file, but I just can’t find where this part of the code is. I can edit that sheet for my other questions posted today as well. Just let me know where to edit the color.
Thank you!Try adding the following to the Custom CSS in Theme Options, I think this did the trick for me.
.social-icon .genericon:hover {
color: #ff0000;
}Choose the color coding you want. Mine is bright red.
Ernie
As another point for you I couldn´t get the Facebook Icon to work/display in either the first or last position on the line. I put it in the middle and it works there. This must be a bug in the theme.
Ernie
That worked perfectly! Very easy too. Do you happen to know how to change the color of the top menu bar on the mobile version of the page? I am looking over the stylesheet and not sure which item it might be…
Thank you so much for the help with the social icon hover color! I just did mine in the “Bottom Portion” and they all worked. I turned them into share buttons instead of links, which works great.I see the developer has come back with an update on how to change the color of the top menu bar in the mobile version.
I used Firefox with the plugin Firebug to identify what CSS code I had to change to get the effect I required. It´s a bit tedious as I went through the CSS code bit by bit changing color codes until I hit the one that worked. That is how I found the social icon hover color code. I think the later versions of Firefox have the Firebug functionality built into developer mode.
Hello @jjambeck,
The resolution to your query regarding the change of header color in the mobile view has been already answered here : http://themepalace.com/topic/header-color-on-mobile-view/#post-25212
Best Regards !!
- You must be logged in to reply to this topic.
