Remove white space help…

kooger21
Excursionist
41 2 5

Hi

Where I have put the red lines on this image is some white space in the page I want to reduce.

How would I do this?

thanks

27297601-2B0A-40A0-804E-49C09FA62197.jpeg

0 Likes
Nick_Marketing
Shopify Partner
248 43 65

Go to theme.scss

Find the elements:
Top margin .product-single__form
Bottom margin .index-section

Test around with margin px values, up to your liking.

I hope the answer was helpful!

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
kooger21
Excursionist
41 2 5

Hi 

currently they look like the below so what is it i need to amend please?

 

thanks


.product-single__form {
margin-bottom: $gutter;


// Undo index-section--flush bottom margin
.page-width & {
margin: $indexSectionMarginSmall 0;
@include media-query($medium-up) {
margin: ($indexSectionMarginLarge) 0;
}

 

 

0 Likes
Natztech
Shopify Partner
1355 380 918

hello @kooger21 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 759px){
 .product-single__form{
margin-bottom: 0 !important;
 }
 .index-section {
    margin-bottom: 0 !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
kooger21
Excursionist
41 2 5

Hi 

I added the code you suggested to theme.scss.liquid but the spacing didnt change?

 

I assume i dont have to make any changes to theme.liquid?

thanks

 

0 Likes