Help fixing style

Topics: Writing themes
Apr 6, 2012 at 5:24 AM
Edited Apr 6, 2012 at 5:24 AM

I created a Bootstrap theme for Orchard which is being employed on my personal blog test site (http://philipsenechal.com)

I've added the Google +1 module to the site, however, there is something in the Bootstrap style sheets that is causing a gap between the arrow and the popup when you hover over the Google logo. If I disable the Bootstrap style sheets, the gap disappears.

If any CSS gurus are available to help me figure out what tag/class might be causing the gap and what I can do to override it so that the popup displays properly, it would be greatly appreciated. I've been staring at it for hours now and can't find it.

Thanks for the help!

Apr 6, 2012 at 5:52 AM

Finally found it...

The height on all img tags is set to auto in the stylesheet. Even though the img tag in the plusone widget sets the height to 9px, it seems to be overridden by the stylesheet.

Adding the following fixed it: .pls-tailbottom.gc-reset { height: 9px; }

Seems odd that it would do that