Venture 12.6.0 - reduce some of the margins

Store Design
1

Hi all!

I’ve been playing around with the code and managed to get some things changed but also managed to mess up some of the borders/margins so there are some weird gaps!

Can anyone tell me how to reduce these margins again?

My website is : www.roxiesweetheart.co.uk

I’ve attached screenshots of the areas I need changing (marked with red) within a doc. file (not sure why I can’t upload images)

Thank you :slightly_smiling_face:

1 Like
2

@roxiesweetheart

yes please 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.
.template-index .main-content {margin-top: 0;}
.shopify-section--slideshow:not(:first-child)+.shopify-section--slideshow .hero--adapt, .shopify-section--slideshow:not(:first-child)+.shopify-section:not(.shopify-section--full-width) {
margin-top: 10px;
}
.index-section {margin-bottom: 10px;}
3

Thank you!

That worked for the gaps at the top and under the gallery but I also need to make the margins between the products photos and product titles in ‘what’s new’ and ‘gifts under £10’ on the main page please

Thanks again :slightly_smiling_face:

1 Like
4

@roxiesweetheart

if reduce spacing see issue

KetanKumar_0-1636750473732.png
KetanKumar_0-1636750473732.png1920×1080 462 KB

5

It looks okay to me… what is the issue?

Thank you

6

@roxiesweetheart

product card box doesn’t anglin

7

I can’t really notice! Can you send me the code so I can try it please?

Thank you :slightly_smiling_face:

8

@roxiesweetheart

look at this

KetanKumar_0-1636754375234.png
KetanKumar_0-1636754375234.png1920×1080 463 KB

9

Text and images dont completely align as it is anyway if you look at the current live website

10

@roxiesweetheart

do you need any help?

11

Yes I want to reduce the spacing

thank you

1 Like
12

@roxiesweetheart

yes please 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.
.collection-card {height: 335px;}
.product-card__image-container {margin-bottom: 100px;}
1 Like
13

great that worked! Can I do the same to the collection underneath too?

14

@roxiesweetheart

that’s work whole site

1 Like
15

It only worked for the top collection

16

@roxiesweetheart

i have check again its work as well just product name long issue

1 Like