Adding Image Links to Footer (above copyright)

ethanandrewgehl · Member · April 12, 2016 at 4:31 am
Copy link

Add topic to favorites
Hello,

I would like to add my own social media icon links to the footer for my website. I would like the four icons to be centered above the copyright statement and in the same size font (10px). Note that I have the CSS upgrade.

Cheers,
Ethan

The blog I need help with is: (visible only to logged in users)
staff-therezzap · Staff · April 12, 2016 at 12:43 pm
Copy link
Hi Ethan,

You can add your social icons links in the footer of the theme as in the demo (https://photographerdemo.wordpress.com/) by adding links to your sites under Appearance > Theme Options > Social Options. When you have added a link in the appropriate box, the icon for this will display.

Thanks!

Rebecca
ethanandrewgehl · Member · April 12, 2016 at 2:29 pm
Copy link
Hey Rebecca,

Thank you for your quick response. I am using my own icons, including two links that do not exist in the pre-designed social options.

Thank you for your help with this!

Ethan
staff-therezzap · Staff · April 12, 2016 at 4:17 pm
Copy link
Hi Ethan,

In this case I’m afraid it’s not possible to add your custom icons and links as it would require editing the footer.php template which is not possible on WP.com. You can use CSS to alter some of the design of the icons (colors and size), but you probably won’t be able to replace the image unless someone in the customization forum can help you with this (https://en.forums.wordpress.com/forum/css-customization).

Did you have specific links you were hoping to add? I can see if your developers can push out an update to include these in the existing icons list.

Thanks!

Rebecca
ethanandrewgehl · Member · April 12, 2016 at 9:00 pm
Copy link
Hey Rebecca,

I would love to be able to link to another of my wordpress blogs (so a wordpress icon option would be sweet) as well as a link to another website (so a general web icon like this would be sweet too!).

Thanks,
Ethan
ethanandrewgehl · Member · April 12, 2016 at 9:06 pm
Copy link
Also- how would I go about adjusting the size of the icons? I would be quite interested in that.

Thank you!

Ethan
ethanandrewgehl · Member · April 12, 2016 at 9:17 pm
Copy link
Oh, and one more icon- a “mail:to” link like this one.
staff-therezzap · Staff · April 13, 2016 at 2:03 pm
Copy link
Hi Ethan,

I’ll pass the suggestions along to our developers to see what can be done for the additional icons. In the meantime, you can increase the size of the icons with the following CSS:
```
#footer .social-icons a {
    font-size: 27px;
}
```
Edit the font-size as desired and it will increase your icons.

Thanks!

Rebecca
ethanandrewgehl · Member · April 13, 2016 at 11:25 pm
Copy link
Wonderful, thank you!
staff-therezzap · Staff · April 14, 2016 at 11:34 am
Copy link
You’re welcome! :)

No items found.