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
63 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
2401 695 830

- 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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Tal19
Shopify Partner
144 27 32

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
2305 834 907

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  😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4902 1100 1776

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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