Change the size?

[viktorsundberg]

I would like to change the size of the box where my customers are going to choose their combinations (image size in my case). In FireFox, the length of the list expands when i click the down arrow, but in explorer it does not, so it would be good if I could expand it from the start (before people click) so the length of the box does not have to expand so it works in Explorer too.

I am talking about the box after "Bildstorlek:" on this product for example:

http://www.fotoplaneten.se/product.php?id_product=43

Please help.

[JAKCRABBIT]

themes/yourtheme/css/global.css

row 1930:

this:

width: 47%;

replace to:

width: 65%;

If you need more width, increase % or type xxx px

[viktorsundberg]

Wow, thanks mate! Is there anything you don't know about prestashop? ^^

[JAKCRABBIT]

Maybe

[viktorsundberg]

I changed, but it kind of screwed up the position of Referens and Quantity (Antal). It seems that the colon follows the position of "Bildstorlek"? What is the best solution, to align all left? How is that done?


http://www.fotoplaneten.se/product.php?id_product=43

[JAKCRABBIT]

Try a little less %...

[juniordj]

In case you still need this, I got this working by change the following in the global.css

#primary_block form#buy_block label{
text-align:right;
}
#primary_block form#buy_block label,#primary_block form#buy_block select{
display:block;
width:47%;
float:left;
}


with

#primary_block form#buy_block label{
display:block;
width:25%;
float:left;
text-align:right;
}
#primary_block form#buy_block select{
display:block;
width:70%;
float:left;
}

I am new to PrestaShop, so may not be the best way to solve a CSS issue.