How to remove white space from product page

Solved

How to remove white space from product page

annikareed
Tourist
11 0 3

Hi,

I am using FLOW and have some unwanted white space on my product page. 

I have read the forum and saw some code, but unsure where to place it as the assests where different to what I have on FLOW. 

Have linked below for reference. 

product page 

 

Thanks so much

 

Annika

Accepted Solution (1)
KetanKumar
Shopify Partner
37583 3668 12151

This is an accepted solution.

@annikareed 

Thanks

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

#ProductPrice {
margin-top: 0;
}
#AddToCartForm .js-qty {
margin-bottom: 0;
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37583 3668 12151

Hello, @annikareed 

Welcome to the Shopify community!
and Thanks for your Good question. 

can you please provide a screenshot.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
annikareed
Tourist
11 0 3

Screen Shot 2020-08-11 at 15.39.17.png

 

Thanks! So I have lost oif white space, I do not want such white space under the quality and above the price.

 

Thanks again

KetanKumar
Shopify Partner
37583 3668 12151

This is an accepted solution.

@annikareed 

Thanks

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

#ProductPrice {
margin-top: 0;
}
#AddToCartForm .js-qty {
margin-bottom: 0;
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
annikareed
Tourist
11 0 3

THANK YOU!!! really appreciate your time and help 

KetanKumar
Shopify Partner
37583 3668 12151

@annikareed 

Thanks for update and your complimet

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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