Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 17, 2015 at 2:33 pm #381229
    tvl76

    I have a 3 column footer. In the middle footer I display a short text, beneath that a short menu (2 items) and beneath that i want to display the social icons from the footer. All aligned centered. How do I get this done?

    Thanks in advance!

    January 18, 2015 at 5:46 pm #381496
    Elliott

    Hi tvl76!

    You could use a text widget for the text, the custom menu widget for the menu, and for the social icons we don’t have a widget for that but you could use a text widget and add this inside.

    <a href = "#"><img src = "URL to your image" /></a>
<a href = "#"><img src = "URL to your image" /></a>
etc etc

    Cheers!
    Elliott

    January 18, 2015 at 8:58 pm #381528
    tvl76

    Hi Elliot
    Thx for the fast answer.
    I have already realised Text and menu as you have described it. Works perfectly fine.

    For the social icons I used this workaround which I found in the forum (as i wanted to use the built in icons and not mess with pictures…lazy…):

    <p align="center" style="font-size:18px; "> <a href="http://google.com"> [av_font_icon color="" icon="214" size="22px"] </a>

    This displays the logo BUT it is not centered. So is there any code to be changed which will make it appear centered?

    Cheers
    Tim!

    January 19, 2015 at 12:39 pm #381710
    Yigit

    Hey!

    Can you please post the link to your website?

    Regards,
    Yigit

    January 20, 2015 at 2:33 pm #382451
    tvl76
    This reply has been marked as private.
    January 22, 2015 at 5:28 pm #383797
    Elliott

    Hi!

    Try this instead.

    <div class = "footer_centered" style = "text-align:center;"> <a href="http://google.com"> [av_font_icon color="" icon="214" size="22px"] </a> 
 <a href="http://google.com"> [av_font_icon color="" icon="214" size="22px"] </a> 
</div>

    And then add this to your custom CSS.

    .footer_centered * {
  display: inline;
  float: none;
}

    Regards,
    Elliott

    January 23, 2015 at 10:13 am #384264
    tvl76

    Hi Elliot

    This works – perfect!

    BIG Thx!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to display social icons in footer widget instead of socket?’ is closed to new replies.