Remove gaps and lines between sections on Crave theme

Hi,

I’m using the Crave theme and would like to remove the gap between sections (first screengrab, below the slideshow) and lines separating the rich text section (second screengrab, above and below the address).

I have found answers for both issues but for other themes, and they both say to look in Assets->theme.scss.liquid

However ‘theme.scss.liquid’ does not appear in Assets in the Crave theme, the nearest thing is 'theme.liquid. which is in the Layout folder, and does not contain the coder referred to by the articles.

Thank you for your help.

2 Likes

@QuyJay , Hope you are doing well.

If you already found the solution and not found the CSS file in your assets folder. Then do the below things.

Open your theme.liquid file.

just before the close tag.

// Copy and paste your CSS here

just keep the opening and closing style tag just before the closing tag.

and paste your CSS solution in between of style tags

@QuyJay

1] add your custom CSS code to your assets/base.css bottom of the file.

2]add your custom CSS code to your layout/theme.liquid file before tag.

like this :


Thanks!

Hi @QuyJay ,

You can use the style tag

css code.

or you can try also to search the other names of the file css like , Base.css, Style.css, Theme.css, Custom.css,

Hi there,

Thank you for responding.

The solution I found (for a different theme) is at the URL here, but it is to remove CSS code, not add it.

https://community.shopify.com/c/shopify-design/remove-lines-separating-sections-on-the-home-page-district-theme/td-p/548945

I have tried searching for ‘border-bottom’ in

  • Assets>Base.CSS
  • Layout>Theme.Liquid

and cannot find it (using Control + F)

Hi there,

Thank you for responding.

The solution I found (for a different theme) is at the URL here, but it is to remove CSS code, not add it.

https://community.shopify.com/c/shopify-design/remove-lines-separating-sections-on-the-home-page-dis…

I have tried searching for ‘border-bottom’ in

  • Assets>Base.CSS
  • Layout>Theme.Liquid

and cannot find it (using Control + F)

@QuyJay , Could you please share your store URL? Also, add the CSS at the end of base.css file. if you found that file

Hi @webwondersco , thanks for following up - we’ve managed to resolve this now, it was a setting in [Theme Settings > Space between template sections]

Have a good day

Quy