Virtuemart Support :: Topic: Layout (1/1)

Welcome, Guest

Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: Layout

Layout 10 years 1 month ago #9257

Hans Schaarman	Hello, I bought cleanmart for my website imagination-it.nl I will change the color of the cart button and align the text in this button, the text is outside the button. Can you help me please? see the attachment Attachment screendump.png not found
	The administrator has disabled public write access.

Layout 10 years 1 month ago #9263

Support

Hi,

Yes, you can change the GREEN background easily (if you have little knowledge on CSS though)

The CSS file you need to modify is this:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexilbeVM2Global.css

and these are the CSS rules to style the add to cart button:

.FlexibleCSS3ButtonInner {
// To style the add to cart button
// bunch of CSS rules in here to style the add to cart button, including the GREEN backgroundColor
}

.FlexibleCSS3Button:hover .FlexibleCSS3ButtonInner {
// to style the add to cart button when it gets MouseHover 
// bunch of CSS rules in here to style the add to cart button, including the GREEN backgroundColor
}

we have used Gradient Background Color features of CSS3, you can create your own gradient color background through here:
www.colorzilla.com/gradient-editor/

If you want to change the text color inside the add to cart button, this simple CSS rule will do the trick:

.FlexibleCSS3ButtonInner {
color:#fff !important;
}

The !important expression next to color will avoid the CSS override that comes from your other Joomla Template's CSS file for the anchor links.

Regards,
Support

Last Edit: 10 years 1 month ago by Support.

The administrator has disabled public write access.