Reducing white spaces between Product Title and Add to Cart (Atlantic theme) - please help

Solved
indianna
Excursionist
17 0 6

Screenshot 2022-05-17 at 20.11.32.png

 

 

 

 

 

 

 

Hi there, I hope someone can help. I am trying to raise my add to basket button further up the page and so need to reduce the size of the white spaces. I've tried some of the suggestions given to other posters but it's not working, I am on Atlantic theme. @KetanKumar I noticed that you helped some others with this question, any help appreciated. Thank you!

 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
32492 3262 10835

This is an accepted solution.

@indianna 

thanks, URL can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

/* change value as you like */
.product-area .options {padding: 10px 0px;}
.product-area .product-details-wrapper .header .price {margin-bottom: 10px;}
.product-form .product-submit {margin-top: 10px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
32492 3262 10835

@indianna 

oh sorry for that issue can you please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
32492 3262 10835

This is an accepted solution.

@indianna 

thanks, URL can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

/* change value as you like */
.product-area .options {padding: 10px 0px;}
.product-area .product-details-wrapper .header .price {margin-bottom: 10px;}
.product-form .product-submit {margin-top: 10px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
indianna
Excursionist
17 0 6

Thank you - yes it worked and raised it up further above the fold 🙂

KetanKumar
Shopify Partner
32492 3262 10835

@indianna 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing