Social Media Buttons Don't Align in the Header

26 Nov 2011, 1:05 AM

#1

New Zenner

Join Date:: May 2008
Location:: Maryland, USA
Posts:: 73
Plugin Contributions:: 0

Social Media Buttons Don't Align in the Header

Hello everyone:

I added social media buttons/links to the header, and they don't align. I can see via Firebug that there is an extra space after the Facebook button and it pushes everything off.

I've been trying to fix it all day and I failed so far. What am I missing here? I'm using the latest version of ZenCart.

Here is the link to my test site: click here

Thanks a lot in advance for your help!

Irina

26 Nov 2011, 1:44 AM

#2

rescoccc

Totally Zenned

Join Date:: May 2010
Location:: WA State
Posts:: 1,700
Plugin Contributions:: 2

Re: Social Media Buttons Don't Align in the Header

In the Facebook code:

data-width="450"

26 Nov 2011, 2:01 AM

#3

mishutkadesign

New Zenner

Join Date:: May 2008
Location:: Maryland, USA
Posts:: 73
Plugin Contributions:: 0

Re: Social Media Buttons Don't Align in the Header

Thank you -- Yup, it is already set to 450 in the code; that's not it...

26 Nov 2011, 2:11 AM

#4

rescoccc

Totally Zenned

Join Date:: May 2010
Location:: WA State
Posts:: 1,700
Plugin Contributions:: 2

Re: Social Media Buttons Don't Align in the Header

That is why they are spread out.

26 Nov 2011, 2:17 AM

#5

mishutkadesign

New Zenner

Join Date:: May 2008
Location:: Maryland, USA
Posts:: 73
Plugin Contributions:: 0

Re: Social Media Buttons Don't Align in the Header

OK, removed data-width="450" statement; they are still spread out. Thoughts? Thank you!

26 Nov 2011, 2:20 AM

#6

rescoccc

Totally Zenned

Join Date:: May 2010
Location:: WA State
Posts:: 1,700
Plugin Contributions:: 2

Re: Social Media Buttons Don't Align in the Header

Try changing data-show-faces to false. And, what are the CSS contents of .fb-like?

26 Nov 2011, 2:37 AM

#7

mishutkadesign

New Zenner

Join Date:: May 2008
Location:: Maryland, USA
Posts:: 73
Plugin Contributions:: 0

Re: Social Media Buttons Don't Align in the Header

Found the culprit: I set width of 450 in the CSS (in .fb-like). I removed it as well per your suggestion, and now all is well in the universe.

Thank you so much for your help!

Irina

26 Nov 2011, 2:39 AM

#8

rescoccc

Totally Zenned

Join Date:: May 2010
Location:: WA State
Posts:: 1,700
Plugin Contributions:: 2

Re: Social Media Buttons Don't Align in the Header

Excellent. Glad to hear it.