How do I add new social media icons and remove the roll-over effect and colors?
I want to use a regular icon set and just change opacity on hover.
Change social icons above header?
4 posts from 3 voices- Started 7 months ago by webbie22
- Latest reply from Ismael
- This topic is resolved
-
Devin
ModeratorHi webbie22,
In css>layout.css lines 267 through 301 you'll find all the css for the social media icons. The way they are currently set up is that each icon is a single image that has the social symbol repeated twice in the single image. When hovered over, the image moves to show the over state.
The easiest transition to using your own icons would be to replace the files for all the icons in images>icons to use that same effect. That way the css stays the same but you change out the look of it all.
If you want to remove the background color that appears on hover, just remove all the background-color properties from the css lines I mentioned above.
Regards,
Devin
Posted 7 months ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
