HI, thanks for the advice!
I put this code into my assets/theme.css.liquid but the padding has stayed exactly the same.
/* Adjust padding above specific headings */ h1 { padding-top: 13px;} h2 { padding-top: 11px;} h3 { padding-top: 9px;} h4 { padding-top: 7px;} h5 { padding-top: 5px;} h6 { padding-top: 3px;}
Topic summary
Goal: Reduce the space above page headings (H1–H6) in the Atlantic theme, ideally only for certain levels (e.g., H4–H6). Screenshots highlight the area and show the source of styles.
Proposed fix: Add custom CSS targeting heading tags. Steps suggested: Online Store > Theme > Edit code > Assets (theme.css or styles.scss.liquid), then add rules like h4/h5/h6 { padding-top: … }.
What was tried: Custom CSS for H1–H6 with specific padding-top values was added to assets/theme.css.liquid (no theme.css existed). Result: No visual change; the padding/space remained the same. The author asked if the code was placed in the wrong file.
Requests: Multiple replies asked for the store URL and password to inspect and provide an exact solution.
Latest update: A helper asked to continue via email; the author requested guidance be shared publicly on the forum.
Status: Unresolved. Key next step is reviewing the live page (URL/password) or providing theme-specific guidance in-forum. Images are important to understand the exact spacing in question.