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

TOPIC: Styling add to cart button

Styling add to cart button 9 years 7 months ago #10830

I want to change color and border-radius for the add to cart button in product detail. I have managed to change the main button but I can't find the related css for the quantity controls that appear on button hover.

Also if it is possible I would like to know how to disappear completely the quantity controls.

Thank you in advance.
The topic has been locked.

Styling add to cart button 9 years 7 months ago #10842

Hi,

I recommend you to start using "Firebug" plugin to make CSS customization. It will save you hours, because you will instantly know, what CSS files you need to make modification and what CSS rules you need to change.

For more info about Firebug, see this topic:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting


Attachment Pasted_Image_9_10_14__8_59_PM.png not found



Of course disable the JCH Optimization or all other CSS Compression extensions/features first, to see the actual CSS files. Otherwise the CSS files will be like this:
/plugins/system/jch_optimize/assets/asymmetric/gz/30/bcda0f506d3ae2844edbe5ddd227a6e3.css

which is a dynamically generated and CACHED css file, and doesn't give any info about where the actual CSS file is.

To remove the "Quantity Control" bar, simply add this CSS rule (to /templates/flexible_asymmetric/css/virtuemart.css file):
span.FlexibleCSS3ButtonQuantity { display: none !important; }

and quantity control buttons will never shown again (the "add to cart button" will always add +1 product if it is clicked)

If you like Asymmetric and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Joomla-Virtuemart-Templates/Asymmetric

Rate Asymmetric and write a couple of sentences to share your experience with the support team.
It won't take more than 2 minutes from you but it is extremely important for us.

Thanks in advance!

Regards,
Support
Last Edit: 9 years 7 months ago by Support.
The topic has been locked.

Styling add to cart button 9 years 7 months ago #10849

OK, thanks.
The topic has been locked.

Styling add to cart button 9 years 7 months ago #10857

sure, your welcome.

case solved. topic is closed.

regards.
The topic has been locked.
Time to create page: 0.074 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