Smaller Payment Buttons

[mattkutz]

Is there a way to make these buttons smaller and side by side? I think I can figure out making their background color the same, but I was unsure of how to get them to look a little better as far as layout.

Thanks!

Website: https://carolcustomdesign.com/shop/chakra-collection/heart-chakra-4-th-chakra-green-pink/amazonte-kyanite-wrap-bracelet-or-necklace/

[nabeel]

Hi @mattkutz,

Thank you for reaching out to us. This isn’t a default feature but this could be possible by using custom CSS that requires custom development. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

Also please note, the CSS solution may not work as expected due to HTML markup of the buttons which may need more than CSS, this is only to guide you and point you in the right direction:

To align the buttons side by side, try adding the following code in the Theme Options > CSS:

#wc-square-digital-wallet {
    padding: 0;
}
[class*=woocommerce] .cart {
    display: flex;
}

Hope this helps!

[mattkutz]

That was perfect. I had tried so many similar iterations and the [class*=woocommerce] greatly helped me.
You are the best!

[tristup]

Hi @mattkutz,

Glad that we are able to help you.

Thanks