Removing white space

Solved
Highlighted
Tourist
4 0 0

I have spent a lot of time designing my shopify website, and it is nearing completion now. O just need some help in removing the white space between the buy it now button and the start of description.

This is my website :https://astonfit.myshopify.com/products/11pcs-resistance-bands-set-yoga-pilates-latex-exercise-fitne...

After that is done I would also like to remove the other space, but the one between buy it now button and the description

is my main priority.

The space is more evident in mobile view. 

I would also appreciate any more suggestions as well.

Thank you

 

Screen Shot 2020-04-17 at 12.22.32 PM.png

0 Likes
Highlighted
Shopify Partner
3237 710 860

Hey there,

 

Please add following CSS code in the end of assets/timber.scss.liquid file.

@media screen and (min-width: 591px){
.product-single__meta {padding-top: 10px !important;}
.product-single__description {margin-top: 0px !important;}
.product-single__form--no-variants {margin-top: 15px !important;}
.hr--small {margin: 7px auto !important;}
}

Please check if this works.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Shopify Expert
3903 559 938

This is an accepted solution.

HI @Harshanan_Patil 

Follow this:1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-single__description,#AddToCartForm--product-template{margin-top:0;}
.template-product .product-single__meta .hr--small{margin-bottom: 10px;}
.product-single__meta{padding-top:0;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
Shopify Partner
3237 710 860

Hey there,

 

Try to put following css in your assets/timber.scss.liquid file.

 

@media screen and (min-width: 591px){
.product-single__meta {padding-top: 10px !important;}
.product-single__description {margin-top: 0px !important;}
.product-single__form--no-variants {margin-top: 15px !important;} 
.hr--small {margin: 7px auto !important;}
}

Let me know if this works.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
4 0 0

Thank you so much! Now can you help me remove the other spaces as well?

0 Likes
Highlighted
Shopify Expert
3903 559 938

Let me know i will check

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
Tourist
4 0 0

These spaces are at the bottom of my product page.

Screen Shot 2020-04-17 at 5.15.12 PM.png

0 Likes
Highlighted
Shopify Expert
3903 559 938

Hi @Harshanan_Patil 

This space added by your product description not ant page content so check and remove from product description.

also add this:

.template-product .hr--large{margin-top: 0; margin-bottom: 27px;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
2 0 0

Hi, could you help me remove the blank spaces between "Free Shipping Worldwide + Influencer Discount" and the Model button? Also the blank space between the "BUY IT NOW" and Secure Checkout, please?

Screen Shot 2020-10-23 at 2.23.41 PM.png

0 Likes
Highlighted
Shopify Expert
3903 559 938

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 749px) {
.product-single__media-group {margin-bottom: 0;}
.product-form_item--submit .product-form_item{margin-bottom: 0;}
}

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes