Tagged: center, footer, social media icons
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:
Thank you so much for your help. I’ve loved using your theme!
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
Brilliant, thanks Josue. That worked perfectly!