Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: change color add to cart button

change color add to cart button 9 years 1 month ago #11953

Hi,


For some reason I can't find the way to change the color of the add to cart button :

Attachment button_2015-02-14.jpg not found





How can I do that?

thanks,
Jose
The administrator has disabled public write access.

change color add to cart button 9 years 1 month ago #11987

The administrator has disabled public write access.

change color add to cart button 9 years 1 month ago #12000

Support,

I took a look at the link you provided and it is not even for the template we are discussing in this forum, CleanMart. Please remember, some of us are not CSS experts and need a little deeper help. I too am interested in how to change the color myself. Really, in an ideal world, the template would give me color options. Short of that, I think we could use a step by step detailed explanation of how to do it assuming little css knowledge.
The administrator has disabled public write access.

change color add to cart button 9 years 1 month ago #12031

That topic was just an example. It is demonstrating how to use "Firebug" plugin to change the "add to cart" button style.

in your case, the CSS file is:
for VM3.0 /templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css
for VM2.6: /templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

but Firebug will tell you this already.

Without using Firebug (or Chrome's Developer Tools) you can't make any CSS changes. Because CSS files have thousands of lines and there are many CSS files for one website. Those plugins will tell you "what css file and what css lines" you need to make edits.

After you figure out the file name and the line number, all you need to do is open that file with a text editor (i.e: Sublime), find the proper line and change the background rule. FYI: You can generate CSS3 rules for gradient background colors through this website: www.colorzilla.com/gradient-editor/

If you are newbie to CSS and newbie to web design. I would strongly recommend you to see this topic:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

and watch the 2 video tutorials. (PART ONE and PART TWO). There are also dozens of other videos on YouTube as well.

Using Firebug is the "easiest" and the "most professional" way for any CSS modifications.

Regards.
Support
Last Edit: 9 years 1 month ago by Support.
The administrator has disabled public write access.

change color add to cart button 9 years 1 month ago #12089

Very nice answer. Thank you!
The administrator has disabled public write access.

change color add to cart button 9 years 1 month ago #12128

You're welcome.

Case solved. topic is closed.

regards.
The administrator has disabled public write access.
Time to create page: 0.080 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo