Design Virtuemart / Cart

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Nov 12, 2013 10:02 pm
Reply with quote
Report this post
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
User avatar
Senior Boarder

teitbite
Wed Nov 13, 2013 12:17 am
Reply with quote
Report this post
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
User avatar
Moderator

GK User
Wed Nov 13, 2013 12:34 am
Reply with quote
Report this post
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
User avatar
Senior Boarder

GK User
Wed Nov 13, 2013 12:37 am
Reply with quote
Report this post
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" ?
User avatar
Senior Boarder

teitbite
Thu Nov 14, 2013 6:31 pm
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Thu Nov 21, 2013 4:23 pm
Reply with quote
Report this post
Hi,

Ok that is perfect, it works well ;-)

http://www.nativees.com

Best regards,

jérôme
User avatar
Senior Boarder

teitbite
Fri Nov 22, 2013 8:37 pm
Reply with quote
Report this post
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);
}
User avatar
Moderator

GK User
Fri Nov 22, 2013 9:33 pm
Reply with quote
Report this post
Hi,

That's perfect ;-)

Thanks a lot and have a nice we,

Regards,

Jerome
User avatar
Senior Boarder

teitbite
Sun Nov 24, 2013 9:59 pm
Reply with quote
Report this post
Hi

Thank You. I'm glad it worked.
User avatar
Moderator