Customising 'Add to Cart' button (5 posts)

  1. kiwimeg
    Posted 4 years ago #

    I am wanting to customise the look of the Add to Cart button throughout the store. I am using the Woo Themes CANVAS theme ...

    I have used the following CSS in the custom.css file of the theme:

    body #wrapper #content div.product div.summary .button {
    background: #56A465 !important;
    width: 100%;
    font-size: 30px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    box-shadow: none;

    and it seems to work great - everywhere except good old Internet Explorer. IE is not adding the radius corners or the background colour ...

    Would really appreciate any advice on how to get IE to play nice ...



  2. Mike Jolley
    Plugin Author

    Posted 4 years ago #

  3. kiwimeg
    Posted 4 years ago #

    Thanks Mike.

    According to that article IE 9 should be showing my lovely little corner radius with the CSS I have used ...

    Am also a bit mystified as to why it will not show the correct background colour either ... which is probably more of an issue to me than the corner radii - which I can happily forego!

    The site is at http://krisemery.com/shop/freelance-your-heart-out-ebook-by-kris-emery/

    Any further help would be much appreciated :)


  4. Mike Jolley
    Plugin Author

    Posted 4 years ago #

    Probably because the Woocommerce CSS adds a gradient too? I can't really tell - inspect the page with firebug or chromes developer tools to see applied rules. I think IE has an inspector too.

  5. thirstyreader
    Posted 3 years ago #

    That bit of code is great. How would I modify the first line so that it would affect the buttons on the main shop ("all products") page?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic