Store Front Combinations Layout

[[email protected]]

Hi,

 

Im wanting the combinations to line up with the drop down box instead of the combination title above the drop down box. Please view the picture. also how do you adjust the space between the combinations.

 

Thanks

Jackson

[vekia]

you mean something like:

 

if something else, can you shed some more light? i don't undestand well, sorry

[[email protected]]

Hi,

 

I have attached another picture i have edited. I would like it something like this

Thanks

[vekia]

now everything is clear

thank you for explanation

 

 

you have to change several things

1) width of attributes div

2) decrease width of "label"

3) decrease width of selectboxes

 

points 2 & 3 due to the fact, that there is not enough space to display two things inline

 

effect:

 

 

 

 

1) product.css line 42

change width to 244

#attributes {
float: right;
width: 244px;
}

2) somewhere in product.css use these styles (just paste)
 

#product label, #product legend {
display: inline-block;
float: left;
font-weight: bold;
font-size: 13px;
width: 140px;
}

3) product.css line 35

use these styles:
 

#buy_block select {
width: 104px;
}