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

TOPIC: Styling Add To Cart Button

Styling Add To Cart Button 6 years 10 months ago #15086

Hi,
I've written css in user.css to supersede the styling of the add to cart button, but there are two situations where my chosen styling isn't taking effect and I'd like some direction as to how I can apply it.

1) where the product isn't available for adding to the cart and the button is disabled, it's the original mid-green colour, and I can't seem to change this
2) When the window is narrow and the add to cart button is displayed with the quantity slider open, the plus and minus buttons are rendered in mid green on my mobile, but not on my desktop.
The administrator has disabled public write access.

Styling Add To Cart Button 6 years 10 months ago #15087

Sorry, this is supposed to be in CleanMart. I've just noticed that it's not where I thought I put it. Please can someone move it?
The administrator has disabled public write access.

Styling Add To Cart Button 6 years 10 months ago #15091

Hi,

If you use proper class name, regardless of the CSS file you use, your rules must be effective. But if user.css is loaded BEFORE the flexible.css file, then you need to use "stronger" rules to override the old rule (or use !important parameter, but it is not recommended)

For instance
div.className { color:red; }
or
.parentClass .className { color:red; }
are stronger, thus they override the
.className { color:white }

you see what i mean? To avoid this confusion, and to use the "same" rules that were presented in the flexible.css, then you must have user.css file gets loaded on the page AFTER flexible.css gets loaded.

Are you working in a live server? I need to open your website to see what you did.

Regards
Last Edit: 6 years 10 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.083 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