Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #448234

    Hiya!

    I have added my own social media icons into the footer via a text widget. I have a couple of questions:

    1) I’m not sure how to link them through to the actual sites.

    This is the code I am using for each icon:

    <a href="http://www.thehealthtohappinessproject.com/wp-content/uploads/2015/05/facebook.png"><img class="alignnone size-thumbnail wp-image-3522" src="http://www.thehealthtohappinessproject.com/wp-content/uploads/2015/05/facebook-80x80.png" alt="Facebook" width="80" height="80"></a>

    Can you tell me what I need to add in the code to link them please?

    2) Also please can you tell me how I can centre the icons in the footer? It currently looks like this:
    footer

    Thank you so much for your help. I’ve loved using your theme!

    • This topic was modified 9 years, 7 months ago by tarynw. Reason: code disappeared when I submit form
    #448747

    Hey Taryn!

    1. To link them simply modify the href attribute in each <a></a>, for example:

    <a href="http://facebook.com/YOURFANPAGE"><img class="alignnone size-thumbnail wp-image-3522" src="http://www.thehealthtohappinessproject.com/wp-content/uploads/2015/05/facebook-80x80.png" alt="Facebook" width="80" height="80"></a>
    

    2. Add this to Quick CSS:

    #footer .textwidget {
        text-align: center;
    }

    Regards,
    Josue

    #449236

    Brilliant, thanks Josue. That worked perfectly!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Own social media icons in footer’ is closed to new replies.