How to align checkout button and PayPal logo correctly?

Store Design
, , ,
1

Hello,

As seen in the image below, the checkout button and the paypal logo aren’t aligned properly. I need help to sort them.

Store link: https://0bc922.myshopify.com/cart

randomchikibum_0-1689294270069.png
randomchikibum_0-1689294270069.png1843×761 42.6 KB

2

@randomchikibum - where do you want to align them and how?

3

Hello @randomchikibum ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss file

Add this following code at the bottom of page:

.cart__checkout {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.paypal-logo {
  margin-left: 10px;
}

Save and preview

Hope this can help. Let us know if you need any further support.

Transcy

1 Like
4

Hi @randomchikibum

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.js-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tax-note {
    margin: 10px 0px!important;
    text-align: center !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly