Jump to content
steck1983

Jigoshop add to cart button css

Recommended Posts

steck1983    0
steck1983

Hi,

 

This may be a dumb question but im unable to style the add to cart button in the single product view of pagelines/jigoshop.

 

I can target the button by using:

 

.variations_button .button-alt{

 

*/whatever style/*

}

 

Changes dont seem to be responding. Well some of them do and some of them dont. I checked to see if I had jigoshops frontend.css disabled and it is, so there shouldnt be any conflicts.

 

For example,  text transform will work, but Im unable to remove gradients, remove moz border radius's and assign background colors. I can only seem to change the text size and style...

 

Any ideas?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi,
 
If you wish to style the button your products list page then use the following:
.jigoshop #site a.button:hover, .jigoshop #site a.button-alt:hover, .jigoshop #site button.button:hover, .jigoshop #site input.button:hover {  }

If you wish to style the add to cart button on your single products page, use the following:

.jigoshop #site a.checkout-button, .jigoshop #site .button-alt {  }

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
steck1983    0
steck1983

Hi Danny,

 

Ok, tried this, and does not work.

 

If I use either your css .jigoshop #site .button-alt{} or .variations_button .button-alt{} I get the same result. 

 

Interesting though if I change the attributes to !important it will work for everything but the text color for the normal state.

 

Weird... as i shouldnt have to list things as !important unless theres a conflict.. any more thoughts?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,


From what I can see we've had to use !important, so I have reported this as a possible bug. However it may have been added on purpose due to an issue with JigoShop CSS.

 

In the meantime you will need to use !important I'm afraid, thank you for bring this to our attention.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Simon    247
Simon

The !important was added because by default jigo was using that as well.

 

Danny seeing as you have it installed already, with the pl-jigo plugin disabled do you still need the !important?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×