Радио кнопки в карточке товара настраиваемых полей Virtuemart 2.0 отображаются справа

Virtuemart 2.0 триумфально радует кривой версткой. На этот раз говорим о радиокнопках в карточке товара при создании настраиваемых полей типа "Изображение" например.

Для того чтобы выправить ситуацию, работаем с этим файлом:


/components/com_virtuemart/assets/css/vmsite-ltr.css

Добавляем следующие стили:

.product-fields .product-field input {

float: left;

left: 3px;

width: 5%;

}

.product-fields .product-field label {

width: 33%;

float: left;

position: relative;

text-align: left;

left: 10px;

}

.product-field-display a img {

display: block;

}

.product-fields .product-fields-title{

display:block;

}

 

.product-fields .other-customfield img{

max-width: 100px;

}

 

.product-fields .other-customfield .vm-img-desc{font-size:12px; width: 100px !important; line-height: 12px !important; }

 

 Обратите внимание, сейчас ширина изображения 100 пикселей.

А для того чтобы радиобокс стал по центру, так же изменим строку 213 в том же файле

 

.product-fields .product-field input[type=radio] {position:relative;left:50px;}

 

Где 50px, это половина ширины изображения.

 

Сохраняем, заливаем, вуаля красотища.