Virtuemart Cart "vmpayment_cost" alignement

Hello all,
I'm working on a site with Shop and Buy on Joomla 3.
In the cart page, section payment, I have a wrong alignment of the discount/fee field (class="vmpayment_cost").
As it goes in the new line, beside the next payment method, it would create a serious misunderstanding.
You can see it in the image enclosed

cost-fee.jpg

I tried to solve this issue but I could not.
Please, could anybody help me?

Thank you,
chrisrbk

Hello,

Could you provide an URL to your website?

Hello dziudek,
www.easylabs.it

Let me know if you need further details.

Thank you,
chrisrbk

Unfortunately the best results which I have achieved was with the below CSS code (you can add it under the template settings -> advanced settings -> custom CSS code):

Code: Select all

input[name="virtuemart_shipmentmethod_id"],
input[name="virtuemart_paymentmethod_id"] {
   float: left;
   width: 10%;
}
input[name="virtuemart_shipmentmethod_id"] + label,
input[name="virtuemart_paymentmethod_id"] + label {
   float: left;
   margin-top: 3px;
   width: 90%;
}
.vmshipment,
.vmpayment {
   clear: both;
   display: block;
}
.vmshipment_name,
.vmshipment_description,
.vmshipment_cost,
.vmpayment_name,
.vmpayment_description,
.vmpayment_cost {
   float: left;
}
.vmshipment_description,
.vmpayment_description {
   clear: both;
}

it is not possible to get wider area for the text in the payment case due the table structure.

Hi dziudek,

I added the code in override.css and it works fine.
Perfect solution, thank you very much,
chrisrbk