Product page css help

Hi,



I am trying to move the Availability and options closer together. Right now there is a lot of space in between the end of the label and the option dropdowns. I’ve tried changing every setting in the css and nothing is pulling them closer together. It seems that .product-list-field label should be where it’s at but changing all those values does nothing to get them closer. Any ideas would be appreciated. Thanks in advance.

[quote name=‘idg’]Hi,



I am trying to move the Availability and options closer together. Right now there is a lot of space in between the end of the label and the option dropdowns. I’ve tried changing every setting in the css and nothing is pulling them closer together. It seems that .product-list-field label should be where it’s at but changing all those values does nothing to get them closer. Any ideas would be appreciated. Thanks in advance.[/QUOTE]



Anyone?

pic?

Here you go. Thanks!

fields.JPG

Try to override these:



.product-list-field {

margin-top:6px;

}

.form-field, .select-field {

margin:6px 0;

}

Nope. Didn’t do anything.

What skin are you using?

[quote name=‘idg’]Nope. Didn’t do anything.[/QUOTE]



in styles.base.css (or make your own css file)



.product-list-field label

width:110px !important;



Make that to a value you like and it will reduce the gap between the two sets of fields