Option Names and Dropdown

[Andy6867]

I am using the options in my cart but in the page i don't like the look of them. There is too much space between each option name.

When i go to the Attributes Controller and do a preview it looks great... what am i doing wrong. How can i improve the look?

Thanks for any help

www.roadfoxbicycles.com/Store

Andy

[badarac]

I'm assuming that you're talking about the space between attribute pull downs. That extra extra space is coming from a combination of the margin on #wrapperAttribsOptions and the <br class="clearBoth" />. You can shrink up the space between by changing your stylesheet.css at around line 187 to :

.wrapperAttribsOptions {
    display: block;
    margin: 0 0 -0.73em;
}

[Andy6867]

Many thanks

I traced this and found that this line is currently set as below

.wrapperAttribsOptions { display:block;
        margin: 0.3em 0em;
        }

This is how it appears


This is how i want it to appear...


Many thanks

[Andy6867]

Got it...

Played with the numbers and found that this works

.wrapperAttribsOptions { display:block;
        margin: -0.5em 0em;
        }

[badarac]

That'll work but if you want to have a little more space between the "Please choose" and the first attribute box you should consider adding all the space at the bottom the way I specified it. The marging settings are margin: top right bottom left. If you set it the way you did it's top/bottom right/left. Which translates to margin: -.5em 0 -.5em 0. As you can see it's removing space from both the top and bottom. You might try margin: 0 0 1em 0;