Studio Theme Cart page - Payment Icons not alligned

[Matty2019]

Hi,

on Studio theme, when viewing the cart page on Desktop (Mobile is fine), the Checkout Button is on top, however the Paypal and G Pay buttons underneath are not aligned to be even. How can i make them centered evenly under Checkout button, or make them bigger so there are all aligned evenly

seatdripco.au

TIA

[GTLOfficial]

Hello @Matty2019 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
.wallet-cart-grid {
  justify-content: center !important;
}
.wallet-cart-button-container, .wallet-cart-button {
    width: 188px !important;
	}
	.button:not([disabled]):hover:after, {
    --border-offset: 0;
	}
	button#checkout {
    background-color: #000 !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Matty2019]

thanks, i added it, but it didnt update on mine,

.wallet-cart-grid {
justify-content: center !important;
}
.wallet-cart-button-container, .wallet-cart-button {
width: 188px !important;
}

is there something else overriding it perhaps?

[Moeed · Accepted solution]

Hey @Matty2019 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-inline-alignment: center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @Matty2019 

Please add this code to Custom CSS in Sales channels > Online Store > THemes > Customize > Theme settings 

@media (min-width: 750px) {
    html .cart__checkout-button { max-width: 28rem; }
    html .cart__ctas {
        justify-content: flex-end;
    }
} 

[Matty2019]

Thankyou. this also works. IWll just accept the first solution that wa wrtten to make it fair.

Thankyou