Hi,

As you can see in the attached file, the price is intercalated with the custom field title and the dropdown list. How can I fix that?

The order I would like to configure is:

1- Thep price
2- Custom fields
3- Add to cart button

And I also have a problem with the price size. So, as you can also see in te attached doc. the price currency it´s not aligned with the price, if i decrease or incresea the price number size the problem will appear with the prices higer than 100 € or 1000 €.

Would you please take a look for me.

Thank you

Hi,

I am seeing from the attachment, you are not using one of our VM Template, or you have done lots of customization.
Basically "text-alight" CSS rule would be your solution, but since you are not using our VM Template (or not in the default form) i can't help you.
Also, providing me the live URL; instead of providing me the screenshot would help me alot, so i can investigate the CSS rules to find out the sources.

You can use the "firebug" plugin to investigate and find the CSS rule to achieve what you are looking for. To learn where to download it and how to use it, refer to this tutorial:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

regards.

Check this link, please,

www.engardex.com/index.php/shop/fundas/fundas-uniforme

Hi,

With the help of "firebug" i was able to find a fix to issue you are having in few seconds. You should have given it a shot first :)

Open this CSS file (this CSS comes with your Joomla Template, not with our VM Template)
www.engardex.com/templates/hot_ecommerce/css/vm_ecommerce.css

And find this CSS rule:
And delete them completely.
The the prices will be "align" to right hand-side. And the order would become:
1- Thep price
2- Custom fields
3- Add to cart button

And there won't be align problem if the amount is more than thousand or hundred.

Regards.
Forum Support.

And one more, i believe you have included the first CSS rule, (width:auto; and float:none) to fix by overriding.

BUT keep this in mind, you should have done this adding your codes BELOW the original, not ABOVE. Because now, since the original one is located below yours, it overrides your codes, it should have been the other way around.

Regards.

Hi,

I already tryied to fix that using the firebug...but even erasing those codes, the problem it´s not solve for all,

Please, check this link to see how the custom field is aligned:

www.engardex.com/index.php/shop/optica-vision/linternas/linternas-led/results,11-10

There is one more you need to remove.

Open the same CSS file:

find and delete this CSS rule as well:
Here will be the result:


Regards.