Jump to content


Photo
- - - - -

Alligning social icons in horizontal row


This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 mediaai2012

mediaai2012

    Newbie

  • Members
  • 4 posts

Posted 31 July 2012 - 10:29 AM

Hey all, As a newbie, I have been trying to build a basic site using Pagelines Pro and so far it has been going ok. My issue is that I have added a set of social icons using the 'pagelines_after_footer' action. However, I am not able to get them to allign in a horizontal row. As you can see from the site they are vertical, which is not that nice.

Please Login or Register to see this Hidden Content

I appreciate any help. I have using the forum extensively and your advice is greatly appreciated.

#2 mediaai2012

mediaai2012

    Newbie

  • Members
  • 4 posts

Posted 31 July 2012 - 10:31 AM

This is the code I have added to Functions.php: add_action('pagelines_after_footer', 'add_social_btn'); // function name function add_social_btn(){ ?>

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts

Posted 31 July 2012 - 11:05 AM

Hi,

You will need to add a couple CSS elements to make this work.

Make sure you've downloaded

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

for more info.

Also please be sure to watch our Firebug video tutorial

Please Login or Register to see this Hidden Content

.

#4 mediaai2012

mediaai2012

    Newbie

  • Members
  • 4 posts

Posted 01 August 2012 - 03:53 AM

Well, I am using Firebug and have managed to align the social icons horizontally using the "float" property. However, I am unable to align them in the center. I realize that there is no float:"center" option, so any help is greatly appreciated in getting the icons centered. Cheers

#5 mediaai2012

mediaai2012

    Newbie

  • Members
  • 4 posts

Posted 01 August 2012 - 04:14 AM

I figured it out... Just added .social {text-align:center;} as custom code.

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts

Posted 01 August 2012 - 10:10 AM

Thank you for informing us that the issue is now resolved we appreciate it.