WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change Button Size Cart (Woocommerce) (16 posts)

  1. simbaman64
    Member
    Posted 6 months ago #

    Been reading forums and experimenting for hours, but cannot figure out how to change button size for "Update Cart" and "Apply Coupon" on Woocommerce Cart Page (see img below)

    http://tinypic.com/view.php?pic=mhd891&s=5#.Uk7qs2TOkoE

    Can I please get some assistance from one of you wordpress wizzes. Please dumb it down for me as I am a begiiner. Thank you very much.

    Any help is greatly appreciated and I will return the favor any way possible. THANKS!!

  2. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    There's no way to help with CSS without seeing the actual site live.

  3. simbaman64
    Member
    Posted 6 months ago #

    Just made it live. Check out the mis-sized buttons.

    http://temp.tulipbags.com/?page_id=262

    Thanks!!

  4. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    Try adding this to the CSS:

    td.actions input.apply-coupon {
       width: auto;
    }
    
    td.actions .button.update-button {
        margin-top: 20px;
        width: auto;
    }

    If you have additional WooCommerce questions, best to post on the dedicated sub-forum here:

    http://wordpress.org/support/plugin/woocommerce

  5. simbaman64
    Member
    Posted 6 months ago #

    Thank you very much for the quick response.
    What css? I tried the themes style.css, but that didnt work, so assume I add this codesomewhere else.

    PS_ Will post there from now on.

  6. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    It's fixed - try clearing your browser cache.

  7. simbaman64
    Member
    Posted 6 months ago #

    You are a god Mr. WPyogi.
    If there is any way I can repay the favor, please let me know..

  8. simbaman64
    Member
    Posted 6 months ago #

    Is it possible that effected the buttons on my single product page?
    After you select a pattern, there are no arrows beside the amount, and the add to cart button is in a weird place.
    Any idea for fixes while I have your attention...

  9. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    Yeah, that happens if the CSS is applied to other places - see if adding this fixes it:

    .woocommerce-cart td.actions input.apply-coupon {
       width: auto;
    }
    
    .woocommerce-cart td.actions .button.update-button {
        margin-top: 20px;
        width: auto;
    }

    BTW, I'm a "Ms" :)!

  10. simbaman64
    Member
    Posted 6 months ago #

    Sorry for assuming Ms.WPyogi,
    Still have the same problem (and I cleared the cache, to double check)..
    Any ideas?

  11. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    No problem. Where's the single product page that's not working?

  12. simbaman64
    Member
    Posted 6 months ago #

    Update: I think this might be a seperate problem because I removed the code you gave me, and I still had the problem on the product page.
    Considering this is a seperate problem. Any ideas for fixing this other problem?

  13. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    Can you put that code back and then post a link to the problem page?

  14. simbaman64
    Member
    Posted 6 months ago #

    http://temp.tulipbags.com/?product=4237
    After you select a pattern, there are no arrows beside the amount, and the add to cart button is in a weird place.

    It should look kind of like this: http://8theme.com/demo/idstore/?product=awesome-demo-top-2

    I'm not sure what happened.

    PS- you are amazing. thank you for your patience

  15. WPyogi
    Volunteer Moderator
    Posted 6 months ago #

    I think you're going to need to ask either WooCommerce or the developers of the theme - I'm not familiar with either one - so beyond CSS tweaks, can't be much help, sorry.

  16. simbaman64
    Member
    Posted 6 months ago #

    No worries. Thanks again for all the help

Reply

You must log in to post.

About this Topic