Product Buttons Not Aligned-WooCommerce

Hello,

I recently did an update with WooCommerce and have two issues at https://www.fitsmo.com/.

1. The coupon code box is not aligned with the Apply Coupon button when in the shopping cart.
2. The Add to cart/Select options button text does not line up with the shopping cart icon that is in the button. This is on the shop page.

Screenshots are attached of both issues.

How can I fix these two items?

  • Adam Czajczyk
    • Support Gorilla

    Hello @LaunchGo,

    I hope you're well today and thank you for your question!

    I took a look at the screenshot attached to your post and I think it can be fixed with some additional CSS rules. However, when I tried to visit your page to find what this rules should be, I wasn't able to. I tried with two different browsers on two computers and I'm getting a "Too many redirections" error.

    Are you working on your site at the moment or is it another issue that came up?

    Let me know please if I can visit your site again or if you need any further assistance with this "redirection issue" (if so, please start a separate thread regarding it).

    Thanks,
    Adam

  • Predrag Dubajic
    • Support

    Hi @LaunchGo,

    It looks like this is caused by the CSS in your theme, so there will probably be update for your theme that should address these issues.

    For now you can try applying this CSS fix:

    .woocommerce #content table.cart td.actions .button {
        margin-top: 0;
    }
    
    .add_to_cart_button .dashicons {
        vertical-align: initial;
    }

    You can use plugin like this one to add this code:
    https://wordpress.org/plugins/simple-custom-css/

    Best regards,
    Predrag

  • Predrag Dubajic
    • Support

    Hi @LaunchGo,

    Can you try replacing code from my previous comment, so instead of this:

    .woocommerce #content table.cart td.actions .button {
        margin-top: 0;
    }

    Use this:

    body.woocommerce #content table.cart td.actions .button {
        margin-top: 0;
    }

    That should do the trick :slight_smile:

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.