Jump to content
Sign in to follow this  
mediaai2012

Alligning social icons in horizontal row

Recommended Posts

mediaai2012    0
mediaai2012

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. http://www.mediaai.com.tw/ I appreciate any help. I have using the forum extensively and your advice is greatly appreciated.

Share this post


Link to post
Share on other sites
mediaai2012    0
mediaai2012

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

social_facebook_button_blue_32.pngsocial_twitter_button_blue_32.pngsocial_linkedin_button_blue_32.png
<?php } // end function

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi, You will need to add a couple CSS elements to make this work. Make sure you've downloaded Firebug for Firefox and check out W3 Schools for more info. Also please be sure to watch our Firebug video tutorial here.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mediaai2012    0
mediaai2012

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

Share this post


Link to post
Share on other sites
mediaai2012    0
mediaai2012

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×