Archived

This topic is now archived and is closed to further replies.

  • 0

Jigoshop add to cart button css

Question

Posted · Report post

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

4 answers to this question

Posted · Report post

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

Posted · Report post

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 {  }

 

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites