How do I change the padding for a specific HTML block on my website?

Store Design
1

I’m trying to change the padding of an html block i have at the top of my website:

Image 21-10-2021 at 01.33.jpg
Image 21-10-2021 at 01.33.jpg1309×444 49.7 KB

changing the padding for them all seems to work fine, but I don’t want them all to change. I’m trying to target this section separately which as the id shopify-section-1634553282ebb9d84f

Screenshot 2021-10-21 at 01.38.18.png
Screenshot 2021-10-21 at 01.38.18.png1384×1050 188 KB

I thought adding this piece of code would do the job but it doesn’t change the padding at all:

Image 21-10-2021 at 12.04.jpg
Image 21-10-2021 at 12.04.jpg916×473 46.1 KB

https://house-rave-haven.myshopify.com/

pass: Skolis

thank you

2

@SonnyS - you have used . for id… so please replace . with # and it will work

3

Screenshot 2021-10-21 at 14.16.59.png
Screenshot 2021-10-21 at 14.16.59.png1120×608 83.4 KB

Changed it but it still did nothing?

4

@SonnyS - please add this css to the very end of your theme.scss.css file and check, I see like screenshot

#shopify-section-1634553282ebb9d84f {
    padding-top: 0;
    padding-bottom: 0;
}

.site-header {
    padding-bottom: 5px;
}

suyash1_0-1634822840317.png
suyash1_0-1634822840317.png1366×768 176 KB

5

Amazing! Worked thank you so much!

6

I need to do this for one section. Where do I find the section id?