add custom made social icons to footer

  • Resolved annem5

    (@annem5)


    7 years, 8 months ago

    Hi,

    I want to place my custom made social media icons (png files) into the footer of the theme. I managed to place them in my menu at the top (via Appearance – Menus – primairy menus), with a custom link to my social media site and a link to my image icon in the media library. But this is not where I want to place them. I like to replace the icons in the footer with my own image. But with the above method this does not work..

    Can anyone help me to replace the icons in the footer (with costomize menus of with css within the child theme)? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @annem5!

    I see you’ve marked this as resolved, and it looks like you were able to use some CSS to change the icons ??

    For anyone else searching this issue, here’s an example of what @annem5 did:

    .social-links ul a[href*='facebook.com']:before {
    content: url(IMAGE URL GOES HERE);
}

    That replaces the existing CSS style in the theme, and uses the image URL you provide. To add this CSS, you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

    Thread Starter annem5

    (@annem5)

    Hi @shireling,

    I did, I was a bit too soon to post. I did not think I would figure it out ;). But thank you for your comment. Also helpfull for others ??

    Glad you got it sorted ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘add custom made social icons to footer’ is closed to new replies.