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"

The best way to learn is to try stuff. But, back it up first.

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.

The best way to learn is to try stuff. But, back it up first.

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?

The best way to learn is to try stuff. But, back it up first.

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.

The best way to learn is to try stuff. But, back it up first.