Re: Resize Checkout Button on cart page

Solved

Resize Checkout Button on cart page

Optimist1
Excursionist
32 1 7

I'd like to request a design adjustment to the checkout button. Could you please resize it to match the dimensions of the PayPal button?

I believe this will improve visual consistency and user experience on the checkout page.

 

Checkout Button.JPG

Accepted Solution (1)

Acme
Shopify Partner
69 8 13

This is an accepted solution.

Hi, @Optimist1 
Nice to meat you again.
1. Go to online store -> theme -> edit code.

2. open main-cart.css
@media (min-width: 768px) {
.t4s-main-cart .t4s-btn-group__checkout-update {
display: inline-flex;
align-items: end;
flex-wrap: nowrap;

width: 100% !important;
}
}

@media (min-width: 768px) {
.t4s-main-cart [type=submit] {
width: 100% !important;
}
}

View solution in original post

Replies 2 (2)

Acme
Shopify Partner
69 8 13

This is an accepted solution.

Hi, @Optimist1 
Nice to meat you again.
1. Go to online store -> theme -> edit code.

2. open main-cart.css
@media (min-width: 768px) {
.t4s-main-cart .t4s-btn-group__checkout-update {
display: inline-flex;
align-items: end;
flex-wrap: nowrap;

width: 100% !important;
}
}

@media (min-width: 768px) {
.t4s-main-cart [type=submit] {
width: 100% !important;
}
}
Optimist1
Excursionist
32 1 7

Wow, that's great, thank you very much bro