Forums / Templates, Stylesheets, Page Layout / Align Attributes Image Swatch and Text

Align Attributes Image Swatch and Text

Results 1 to 2 of 2

1 Jul 2011, 6:42 PM

sportbiker

Zen Follower

Join Date:: Aug 2008
Location:: Southern California
Posts:: 127
Plugin Contributions:: 0

Align Attributes Image Swatch and Text

I'm trying to align my image swatch, checkbox, and line of text to the middle. It would just look so much cleaner. Right now, it looks like all the elements align to the bottom. I can't find the trick in CSS to alter this. Any tips?

A sample link as of this posting is here:
http://www.ruggedradios.com/index.php?main_page=product_info&cPath=31_44&products_id=261

Here's a helpful visual:

1 Jul 2011, 9:51 PM

sportbiker

Zen Follower

Join Date:: Aug 2008
Location:: Southern California
Posts:: 127
Plugin Contributions:: 0

Re: Align Attributes Image Swatch and Text

Found my own answer. This appears to work in most browsers, so I'll live with it. For anyone else interested, I added a CSS rule. I was struggling before because I just didn't know how to isolate something so specific in CSS. Anyway, here it is...

.wrapperAttribsOptions img {
vertical-align:middle
}