Fix Blog Padding On Dawn Theme (top padding)

Store Design
,
1

please help me fix the top padding as it look like too big of a gap.. id like this to chaneg the default for all blog posts

here is my article
https://yipvgwah29g7ipxj-69800886505.shopifypreview.com/blogs/news/articles?preview_key=816f198800daaa9b28afe0ab3d2b6890

2

Hi @windycityraves

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
main#MainContent article.article-template {
    margin-top: 10px !important;
}
.article-template>*:first-child:not(.article-template__hero-container) {
    margin-top: 2rem;
}
3

The issue is that you have custom CSS code that overrides the padding on line 177 inside your section-blog-post.css

.article-template {
   margin-top: 85px !important;
}
4

Hello @Starshards ! I found your replies on another board here (I can’t reply to that one any longer) and was wondering if you’re wiling/able to help me implement your solution: https://community.shopify.com/post/2620568