Jump to content


Photo
- - - - -

How to align social icons vertically in header


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

#1 followfundraising

followfundraising

    Member

  • Members
  • 16 posts

Posted 31 August 2012 - 05:13 AM

Hey guys Is there a simple CSS Rule or function.php fix to make the social icons align vertically and not horizontally in the header area? Reason - have a web logo, using a hook to include a banner ad, and the vertical icons would be a better balance of space... www.shackeltonepic2013.com Plus they want them vertical... :)>- Thanks in advance, this is such an awesome forum for support, kudos to you all. Kris

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17533 posts

Posted 31 August 2012 - 05:50 AM

Hi Kris, Is the link to your site incorrect, as I am having trouble connecting to the URL.

#3 followfundraising

followfundraising

    Member

  • Members
  • 16 posts

Posted 31 August 2012 - 06:04 AM

Hey Danny Sorry, it was incorrect - here's the link

Please Login or Register to see this Hidden Content

So I have a web banner in place now, wider than I would like, but vertical social icons may look good if there is a simple CSS Rule for this? In a perfect world - 2 rows of 2.... K

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17533 posts

Posted 31 August 2012 - 06:53 AM

Hi,

Unfortunately, two rows of two is not possible out of the box or with a CSS hack as far as I know. If you wish to have this type of layout for your social icons. I recommend you contact one of our Pros.

Please Login or Register to see this Hidden Content



However, to have them in a single column, add the following code to your custom CSS.

Please Login or Register to see this Hidden Content



#5 followfundraising

followfundraising

    Member

  • Members
  • 16 posts

Posted 31 August 2012 - 08:25 AM

I love it when CSS just works :) Thanks Danny, that aligned the icons vertically perfectly. Weekly Kudos King!

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17533 posts

Posted 31 August 2012 - 08:38 AM

No problem, happy to help!

#7 followfundraising

followfundraising

    Member

  • Members
  • 16 posts

Posted 31 August 2012 - 09:00 AM

Thanks Danny, quick one - is there a quick addition to make them align top with the logo + banner etc?