Design Virtuemart / Cart

Hi,

I have 2 questions in order to modify cart in Virtuemart:

- How to modify the size, color... in the cart button (image Cart Upload attachment)
- How to modify the color (blue) for the Related Products, over with the mouse (image Cart2 Upload attachment)

Thanks a lot

Best regards,

Jérôme

Hi

Please simply add Your style overrides to the override.cs file. Remember that override needs to be enabled in order of use this file on site.

1. A CSS selector to access add to cart button is:

Code: Select all

div.addtocart-bar input.addtocart-button {
}


2. Please tell me an example of a page with related products so I'll tell You the code to make it

Hi,

CSS override is "on"

For example on that page:
http://www.soimum.com/e-shop-harmony-ba ... -ball.html

> I would like to change the size of texte 'ADD TO CART"
> I would like to change the color (blue) when over a "related product"

And if it is possible to delet the "code product" on the line in my art
Example (after adding a product in the cart):
http://www.soimum.com/my-cart-harmony-balls

I don't understand all what you said in your post Maybe could you give me more details in order to change some CSS in Virtuemart ?

Thanks a lot

Best regards,

Jerome

The CSS looks to be here:
http://www.soimum.com/cache/gk/10c231c4 ... df.css.php

But i can't modifie it in the "cache" ?

Hi

To change the text size of "ADD TO CART" use a code like this:

Code: Select all

div.addtocart-bar input.addtocart-button {
    font-size: 20px;
}


To make any changes please disable CSS compression first in template settings. Also enable Override CSS option to be sure any code put into override.css will be used.


Unfortunately Your exmple or related products is showing 404 error page not found. Please tell me a correct one.

Hi,

Ok that is perfect, it works well

http://www.nativees.com

Best regards,

jérôme

Hi

To remove background from under description in related products please add this code to css:

Code: Select all

a:hover .vm-img-desc {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}


Hi,

That's perfect

Thanks a lot and have a nice we,

Regards,

Jerome

Hi

Thank You. I'm glad it worked.