Remove white space on Venture theme - product page

On the product page for the Venture theme, we would like for the product description to go directly below the images - but with less of a gap, or ‘white space’, between them. On the example screenshot provided, what I mean is that we want the product description to go a bit closer to the bottom edge of the picture gallery. Is this possible?

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hi there @maxbailey4 !

Don here from Shopify.

Thanks for reaching out here in the Shopify Community.

If you’re using the Venture theme from Shopify and your store is on a paid plan you can see if small coding edits like this would be covered by our design policy.

We can take a look to see if our themes team could work on this for you if you can get in touch via our Help Centre here for support.

I’d also recommend you check out our manual for the Venture theme, as that might come in useful in the future.

Are you still getting set up to sell in this store, or have you been open for a while already?

Do you know what else you need to work on for your store or business?

Regards,

Don

1 Like

@maxbailey4

Please share your store URL.

1 Like

The store URL is www.purrseus.co.uk

@maxbailey4

Your store is password protected. Please provide the password.

1 Like

Sorry, thought I removed it! The password is just “1”

1 Like

Hi @Don , thanks for getting back to me. I’ll have a look at that now, but we’re just getting set up at the moment and know what else there is to do in terms of the checklist.

@maxbailey4

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.product-single{
margin-bottom: -35px !important;
}
}

Hope this works.

Thanks!

1 Like

Hi, thanks for this :slightly_smiling_face: It worked on the desktop view, but there’s still a gap on the mobile view. Is there any way to change this too?

1 Like

@maxbailey4

Please add this for mobile.

@media only screen and (max-width: 749px){
.product-single{
margin-bottom: -35px !important;
}
}
1 Like