VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: vigier on September 13, 2012, 00:50:16 AM

Title: Set fixed width for dropboxes
Post by: vigier on September 13, 2012, 00:50:16 AM
Hi,
I want the dropboxes in my productdetails to be fixed width. I have a product that has 10 dropboxes and all of them have a different width, which looks really messy.
I've been changing the classes in vmsite-ltr.css, but with no effect. Does anyone know how to do this?
Adding width=235px to the code on the place where the field->display is called doesn't work also.

Kind regards,
Vigier
Title: Re: Set fixed width for dropboxes
Post by: ivus on September 13, 2012, 15:44:02 PM
Hi vigier,

are you using any third party themes?

If NOT try this: "/components/com_virtuemart/assets/css/vmsite-ltr.css" @ line 209. INSERT DIRECTLY AFTER



.product-fields .product-field input {position:relative;left:33px;}
.product-fields .product-field select {width:500px;}



You need to define a new style for the select.

.product-fields .product-field select {width:500px;}
Title: Re: Set fixed width for dropboxes
Post by: vigier on September 13, 2012, 22:34:23 PM
Thnx again ivus!!
Title: Re: Set fixed width for dropboxes
Post by: Polleke on December 30, 2012, 20:13:09 PM
Hi
I have the same issue with radio button. (see attachment)
I would love to have more to the left. and under each other. So No under Yes.

I think this is the line to alter:
.product-fields .product-field input[type=radio] {position:relative;left:33px;}
Just do not know into what  :-\

Kind regards Jan

[attachment cleanup by admin]
Title: Re: Set fixed width for dropboxes
Post by: jenkinhill on December 30, 2012, 23:57:56 PM
Test some fixes with Firebug. http://forum.virtuemart.net/index.php?topic=102850.0
Title: Re: Set fixed width for dropboxes
Post by: Polleke on December 31, 2012, 09:32:50 AM
Hi,
thanks for your answer. But i already used firebug. I just do not known how to alter it so i get it right.

Can you help me with that.

regards Jan