Tagged: social media icons
I am wondering if there is an easy way to change the Social Media icons so that they don’t dynamically change on hover? I would actually just like them to show up on the page with the colored circles already behind them and for nothing to happen when you hover. Is this possible?
Not easily no. The hover effect actually expand into the icons next to it so not only would you have to move all of the css for :hover for the social icons, you would then need to add 10 or so pixels of space between each.
The css for them is in layout.css lines 476-561. What would have to be done is add the background position of -43 to each of the regular states (lines 526-541) as well as the background color. Then add the new extra left and right margin amount to the #top .social_bookmarks li a on line 509.
Thanks for the reply Devin.
I made some adjustments based on your instructions and got just what I wanted out of it. Thanks so much for the help!
Fantastic! I know its not a simple process so I’m glad you were able to get it taken care of as needed :)
Make sure to keep a note of the change you made in a text file or something so that when it comes time to update you can easily do so and know where you’ve changed the files yourself.
The topic ‘Change Social Media Icons’ is closed to new replies.