Adding Image Links to Footer (above copyright)

  • Author
    Posts
  • #94230

    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)

    #94327
    rezzap
    Staff

    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

    #94329
    ethanandrewgehl
    Member
    Original poster

    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

    #94333
    rezzap
    Staff

    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

    #94338
    ethanandrewgehl
    Member
    Original poster

    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

    #94339
    ethanandrewgehl
    Member
    Original poster

    Also- how would I go about adjusting the size of the icons? I would be quite interested in that.

    Thank you!

    Ethan

    #94340
    ethanandrewgehl
    Member
    Original poster

    Oh, and one more icon- a “mail:to” link like this one.

    #94352
    rezzap
    Staff

    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

    #94361
    ethanandrewgehl
    Member
    Original poster

    Wonderful, thank you!

    #94368
    rezzap
    Staff

    You’re welcome! :)

  • The topic ‘Adding Image Links to Footer (above copyright)’ is closed to new replies.