great but now i have this extra white space at the top
Topic summary
Goal: Apply a sitewide style change to all blog post pages—background to #fdf1e5 and text color to #2f261e.
What was tried:
- Initial CSS added in assets/theme.css targeting .article-template for background. This changed the background but led to extra white space at the top.
- Follow-up fix: add .article-template header { margin-top: 0 !important; } in assets/base.css to remove the top gap.
Alternative, more comprehensive solution:
- Add CSS (in base.css/style.css/theme.css) targeting article.article-template { background: #fdf1e5; } and article.article-template * { color: #2f261e; } to ensure all nested elements inherit the text color.
- Adjust spacing with .article-template > *:first-child:not(.article-template__hero-container) { margin-top: 0; padding-top: 5rem; } to control top spacing without white gaps.
Notes:
- Screenshots illustrate the white space issue and the final visual outcome.
Status:
- A helper indicated the user was satisfied after the margin fix; an alternative solution was also provided. Acceptance by the original poster isn’t explicitly confirmed.
1 Like