Social Network buttons - padding issue?

HTML & CSS
1

I am having an issue getting the twitter and facebook social network buttons to line up. Looks like the twitter button has some padding causing this issue.

Any help would be appreciated -

https://shop.myshirtbuzz.com/CureEB

2

Line up with what?

3

I don’t normally advocate relative positioning like this, but I don’t think it will hurt to give the FB a little nudge upward.

.fb_iframe_widget {
	display: inline-block;
	position: relative;
	top: -2px; /* Added this */
}
4

Line up with each other.

5

Thanks Sam - That worked perfectly.

6

Sorry, my fault. NoScript and/or adBlock blocked the CDNs that looked like ads.

On the plus site, allow me to recommend that you validate your HTML.
https://validator.w3.org/nu/?doc=https%3A%2F%2Fshop.myshirtbuzz.com%2FCureEB

7

Thanks Ron - I will take a look at this and see what elements I can fix, as most is a framework (www.Inksoft.com) that I don’t have access to the html template files.

1 Like
8

Sorry, Just wondering what would make the Facebook button so much smaller in Firefox compared to all other browsers.

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.