WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Customising 'Add to Cart' button (5 posts)

  1. kiwimeg
    Member
    Posted 1 year 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 ...

    Cheers
    Meg

    http://wordpress.org/extend/plugins/woocommerce/

  2. mikejolley
    Member
    Plugin Author

    Posted 1 year ago #

  3. kiwimeg
    Member
    Posted 1 year 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 :)

    Thanks
    Meg

  4. mikejolley
    Member
    Plugin Author

    Posted 1 year 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
    Member
    Posted 1 year 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

About this Topic