Solved

How To Move Down Checkout Button? (Dawn)

milkandcookies
Excursionist
396 0 46

Hi,

How can I move down the "Buy Now" checkout button?

milkandcookies_0-1707467551689.png

 

https://www.pop--shop.com/products/signature-25-pack-pop-box

thanks in advance

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5119 1220 1493

This is an accepted solution.

Hi @milkandcookies 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

button#ProductSubmitButton-template--16350539251893__main {
     margin-top: 50%;
}

 

And Save. 

Result:

Made4uoRibe_0-1707489234209.png

Just a friendly advice, please dont just fucos on the dekstop there are more users on the mobile than dekstop. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 2 (2)

Anshul_arora
Trailblazer
230 48 30

Hello @milkandcookies ,

I understand you are looking to change the positioning of the "Buy Now" button.

Please add the below mentioned code in your store base.css file and save it.

.product-form__buttons {

margin-block-start: 35%;
}


Output -> https://prnt.sc/CbPRTlMtDJ8n

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

Made4uo-Ribe
Shopify Partner
5119 1220 1493

This is an accepted solution.

Hi @milkandcookies 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

button#ProductSubmitButton-template--16350539251893__main {
     margin-top: 50%;
}

 

And Save. 

Result:

Made4uoRibe_0-1707489234209.png

Just a friendly advice, please dont just fucos on the dekstop there are more users on the mobile than dekstop. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com