Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17224

    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.

    #94628

    Hi 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

    #94629

    Thank you, that did it.

    #94630

    Hi webbie22,

    Glad that Devin helped you. :)

    Cheers,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change social icons above header?’ is closed to new replies.