Reducing section margin size on Impulse 2.0

[ClarityStudio]

Hi,

I was wondering if anyone could help as I seem to be facing issues when making minor CSS changes to my site. Essentially I would like to reduce the margin of a section on my website from 75px to 35px (see attached image).

I am adding the following code to my theme.css but nothing seems to be changing? For reference I am using the Impulse v5.5.0 (Shopify 2.0 Version).

.shopify-section-template–15698490556646__16447955234b11503c {

margin-top: 35px;

margin-bottom: 35px;

}

Link to store: https://yauf13x7cit8nm42-43092279457.shopifypreview.com

Any help would be much appreciated.

[kazi_1]

@ClarityStudio you are almost correct but “shopify-section-template–15698490556646__16447955234b11503c” is id not class name so you need to add # instead .

so this would be the css

#shopify-section-template--15698490556646__16447955234b11503c {
    margin: 35px 0;
}

[ClarityStudio]

Hi Kazi,

Many thanks for your response - I realised I added the ‘.’ instead of ‘#’ but still no luck even with the correct bit of code. For some reason it looks like any css changes I add to my theme.css file do not show up. Have you experienced this before?

[kazi_1]

You added the css code in wrong place can you put at very bottom of file? without inside any braces { }

[ClarityStudio]

Here’s how I added it (at bottom on line 11374):

[kazi_1]

put it after the last }