Place KJØP button closer to quanity button - Dawn theme

Solved

Place KJØP button closer to quanity button - Dawn theme

Dekanten
Trailblazer
303 1 113

Hi

 

I want to place the KJØP button and Heart button closer to the Quanitybutton. Can that be done ? 🙂

 

It could be nice when its aligned with the grey Klarna strip below.

 

Thanks in advance. 🙂

 

My Storeurl:

www.dekanten.no

 

See attached image:

 

Skjermbilde 2024-08-20 kl. 02.20.49.png

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
9155 1832 1865

This is an accepted solution.

Hi @Dekanten 

Please add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings.

 

.product-form__buttons { margin-left: 120px; !important; }

 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu
Shopify Partner
9155 1832 1865

This is an accepted solution.

Please this additional code

.product__info-container .product-form__submit { min-width: 240px; }

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)
Dekanten
Trailblazer
303 1 113

Hi, i do all by myself and got lots of great help from you guys here 🙂 I got some ideas and got the right hands to make it possible. 🙂

Dan-From-Ryviu
Shopify Partner
9155 1832 1865

This is an accepted solution.

Hi @Dekanten 

Please add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings.

 

.product-form__buttons { margin-left: 120px; !important; }

 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dekanten
Trailblazer
303 1 113

Hi i tried the code and it works great on desktop, but mobile view its smaller . See image. 

IMG_7125.jpeg

Dan-From-Ryviu
Shopify Partner
9155 1832 1865

This is an accepted solution.

Please this additional code

.product__info-container .product-form__submit { min-width: 240px; }

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dekanten
Trailblazer
303 1 113

Hi again, i have included the both code you gave me and i did some editing with the size and everything is just fine now. Thank you very much for all your help. 🙂

 

Thank u so much indeed. 🙂

Dan-From-Ryviu
Shopify Partner
9155 1832 1865

You are very welcome! 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.