Decrease space between sections on Capital Theme

Store Design
, , , ,

Topic summary

Goal: reduce excessive spacing between sections on the product page for the Capital theme (Eight Themes). The requester couldn’t find a style.css file in Assets, referencing another thread’s instructions.

  • Store access was requested to diagnose, and the URL with password was provided for review. A screenshot was shared to illustrate the large gap between sections.

  • Proposed fix: add a CSS rule targeting the product reviews section ID to remove top margin: #shopify-section-template–15082097344593__app-product-reviews { margin-top: 0 !important; }. Instructions given to add this in Online Store > Edit code > Assets > header.min.css.

  • Clarification was sought on where to locate the CSS file in the theme’s folders (Layout, Templates, Sections, Snippets, Config, Assets, Locales). The guidance pointed to Assets > header.min.css, but the requester reported it didn’t resolve the issue.

  • Technical note: CSS (Cascading Style Sheets) controls layout/spacing; some themes don’t use style.css and instead store styles in minified files like header.min.css or other assets.

Status: no confirmed solution; the issue remains unresolved/ongoing with next steps to verify correct CSS file or selector.

Summarized with AI on January 6. AI used: gpt-5.
1

Hi! I’m curious to know if anyone can help me reduce the size between sections on the product page using the Capital Theme by Eight Themes. I initially referenced this link https://community.shopify.com/topic/1951139 but cannot seem to locate the style.css within the assets folder to go ahead and paste the code. Is there another place where I should look to simply minimize the size between sections?

Thanks!

slide1.JPG
slide1.JPG3840×2160 183 KB

1 Like
2

Hi @CuriousMeredith

Wouuld you mind to share your store URL? Thanks!

3

@CuriousMeredith Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

4

Store: sciencewithmrsbarton.com

PW: sciwmrsb

5

Sorry - I forgot to add this one in the original post:

Store: sciencewithmrsbarton.com

PW: sciwmrsb

6

@CuriousMeredith

add this code to your css file.

Navigate to the online store >> Click edit theme code.

Now find CSS file and paste the following code:

#shopify-section-template--15082097344593__app-product-reviews{
  margin-top: 0 !important;
}
7

Can you provide a little more clarity around where to find the CSS file? When editing the code the file options I see are

  1. Layout

  2. Templates

  3. Sections

  4. Snippits

  5. Config

  6. Assets

  7. Locales

8

@CuriousMeredith 6.Assets > header.min.css

9

Hm. No luck with that step. Thanks for trying to help!