Reduce big white gap between payment option buttons on checkout page, dawn theme

Reduce big white gap between payment option buttons on checkout page, dawn theme

Verterra
Explorer
62 1 9

Hi, does anyone know how to rectify the buttons below? For some reason, there is a big gap between the ShopPay and Gpay buttons at my cart page... Thanks!

 

My store URL is: https://verterra.sg/password, password is VerterraTest123

 

Verterra_0-1720707333817.png

 

Replies 4 (4)

BSS-TekLabs
Shopify Partner
608 174 205

- Here is the solution for you @Verterra 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.XLcXEW3RnM9fyU7k7fvC:last-child {
     top: -54px !important;
    position: relative !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720707888252.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Tal19
Shopify Partner
123 22 23

this space is because of the Paypal button, if you plan to use paypal, don't hide the button

Need Shopify Development, Customization, or POS Support? PM Me!

BSSCommerce-HDL
Shopify Partner
1100 376 447

Hi @Verterra

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

 

 

<style>
[data-testid='grid-cell']:has([title='Checkout with PayPal']) {
    display: none;
}
</style>

 

 

 

Here is result: 
 
BSSCommerceHDL_0-1720707990363.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

PageFly-Richard
Shopify Partner
4400 1006 1657

Hi @Verterra 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
[data-testid='grid-cell']:has([title='Checkout with PayPal']) {
    display: none !important;
    height: 0 !important;

}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.