Adjust position of payment button on order status page

[chalison]

I added a payment button to our oder confirmation page by adding HMTL code to the “additional script” section of our checkout settings. The button appears and functions as I want it to but I need to position it lower and ideally make it slightly bigger. How can I do this? I am using Debut theme.

[Zworthkey]

Hii, @chalison 
Kindly share your store URL and a screenshot of where you want to put your payment button?
Thank You.

[chalison]

Hi @Zworthkey 

I added some text and line breaks before the payment button script and the position of the button is now OK. If you have any suggestions on how I can change the color and size of the button that would really help.

Our store URL is https://shopchalison2.myshopify.com

[Zworthkey]

Hii, @chalison 

What you want to with size? 

Thank you.

[chalison]

@Zworthkey 

I want it to be the same size as the “continue shopping” button both on desktop and mobile.

[Zworthkey]

Hii, @chalison 
Give me the order confirmation page link.

[chalison]

Hey @Zworthkey 

You could take a look at this: https://shopchalison.com/56186831021/orders/a28012756fd03ae8f33689cf26d73c38

[Zworthkey]

Hii, @chalison 
Paste this code on top of the theme.scss or style.scss or base.scss file.

.thank-you__additional-content a {
    height: 35px !important;
    min-width: 160px !important;
    padding-top: 30px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    background-color: #125B8C !important;
}

Thank You.

[chalison]

@Zworthkey 

I don’t have .scss files available. I added it to the theme.css file and nothing changed.

[chalison]

Hi @Zworthkey 

Just checking to see if you have any other ideas on this please? Would be so grateful.