[STILL NEED HELP] How to rezise atributes box?

[Radiator]

Hi,

how I can change products atributes box size, because
my text of atributes it's too long and won't to fit in the box

Thanks

[Radiator]

still need help

[jdmorrisn]

I'm trying to figure this out also. I saw one other post which tells where and what to edit in the CSS around line 1796:

#primary_block form#buy_block label,#primary_block form#buy_block select {
display: block;
width: 47%;
float: left;
margin-left: -42px;
margin-top: 3px;
margin-bottom: 7px;


I am working on the CSS and have been playing with this for 6 hours now with no joy. I changed the width to auto which gaves perfect fit to the text in the box, but I'm stuffed if I can get the boxes to line up, they are staggered. It doesn't seem to matter what margins are altered it seems impossible to get a neat box that has text and boxes inline, unfortunately.

Mine is like this now:

#primary_block form#buy_block label,#primary_block form#buy_block select {
display: block;
width: auto;
float: left;
margin-left: 1px;
margin-top: 3px;
margin-bottom: 7px;
text-align: left

Text fits beautifully to the boxes but hell can I get them to line up - I'm not an expert so perhaps someone else out there can shed some light on what is missing?

[Steppo]

You are right, the trick is in the css around here. Maybe you can put a link so we can see how it is look like. Easier that way:)

[jdmorrisn]

Ok, this is as good as it gets. I scrapped the auto width - which was great in terms of fitting automatically to the text but impossible to get it level and inline, which really bugs me. But For me this solution works, especially if you have very long text:

Line 1766:

#primary_block form#buy_block {
   background: #f1f2f4 url('../img/product-buy-bg.gif') repeat-x top left;
   font-size: 1.1em;
   padding: 0.7em;

Line 1796:

#primary_block form#buy_block label { text-align: justify }
#primary_block form#buy_block label,#primary_block form#buy_block select {
   display: block;
   float: left;
   width: 90%
}
#primary_block div#attributes p, #quantity_wanted_p {
   clear: left;
   height: 3em
}

This is also tested in Firefox/ IE8/ and Chrome now.

Hope it helps.

[Steppo]

You´ll have to trick around a bit, it is hard to say how to do when we all have diffrent attribute names and therefore all layouts are unique:)
I guess you are in localhost but if you can put a link I can try to help.

Keep it up:)

Stefan