Having some difficulty shrinking the newsletter section

Technical Q&A
1

I have an email collection section set up as the top element in my site, but there aren’t any options within the theme editor to shrink the vertical buffers and at the moment it appears far too large.

I’ve tried editing the CSS and managed to shrink the header buffer a bit, but am struggling to do anything to alter the newsletter section which I believe the element is listed as.

I think it may have something to do with the “border-box” thing? I’m not really sure and would appreciate any assistance you’re willing to give.

My site is Stimagz.com

2

The CSS margin/padding is in your .index-section and .index-section–alt classes.

p1Commerce_0-1656110771196.png
p1Commerce_0-1656110771196.png1783×886 167 KB

3

Hi @Cryyos ,

Please follow the instructions below

  1. In your Admin store, click Online store > Themes
  2. Go to the theme you want to edit, click Actions > Edit code
  3. In your Asset folder, open the theme.css and add the code below
.index-section.index-section--alt.newsletter-section.newsletter-template--15979242946799__1651534635b2e4eb28.aos-init.aos-animate {
    padding: 50px 0;
}
4

Thank you so much!