Prestige theme: How to reduce spacing between header and subheader in a block

Shopify Discussion

Topic summary

Main issue: Reduce the vertical spacing between a header and subheader in a Prestige theme block to bring the texts closer together. The store URL and screenshots were provided to illustrate the target area.

Proposed fix:

  • Edit theme files > theme.css.
  • Add at the bottom:
    .prose .h1, .prose .h2 {
    margin-top: 10px;
    }
  • This decreases the top margin for H1/H2 elements within containers using the .prose class, bringing the header and subheader closer.

Context notes:

  • Images are central to understanding the exact spacing issue being referenced.

Status/outcome:

  • A single CSS solution was suggested.
  • No confirmation from the original poster yet, so the resolution remains unconfirmed/ongoing.
Summarized with AI on December 23. AI used: gpt-5.
2

Hi @Matthew114

  1. Go to theme files > theme.css file.

  2. Add the below CSS at the bottom of the file and save the changes.

.prose .h1, .prose .h2{
margin-top: 10px;
}

I hope this helps!