[SOLVED] Custom Fields Alignment

[yaani]

I have installed Virtuemart 2.0.10 in a Joomla 2.5.7 site here
http://www.texasprokartchallenge.com/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=1&virtuemart_category_id=1&Itemid=747

I am trying to figure out why the alignment of the custom fields is so erratic.

Is it using the CSS from the RocketTheme template?

Can someone please tell me how to make the text entry boxes align to the right so they are more orderly?

I have tried changing Configuration>Templates to atomic & beez-20 to see if I can link to a different template for Virtuemart to see if that makes a difference but nothing changes.

Thanks for any help you can give me with this!

[yaani]

OK I have some of the custom field text boxes aligned to the right I overode the following code in the components/com_virtuemart/assets/css/vmsite-ltr.css & put the following in mycustomstyle.css file

Code Select Expand

    .product-fields .product-field input {position:relative;left: 0px;float:right !important;}
    .product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;padding-bottom:5px;}
    .product-field-display {float:right; padding-right: 70px;}

[vigier]

Hi there,

just read those 2 topics:
http://forum.virtuemart.net/index.php?topic=107507.0
http://forum.virtuemart.net/index.php?topic=107513.0

I had the same issue and Ivus helped me (although I wanted left alignment, but you can change the CSS code of course), everything is lined up nice now!

[Polleke]

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]