Change padding of only one section

SonnyS
Tourist
6 0 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

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

 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

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

pass: Skolis

 

thank you

Replies 4 (4)
suyash1
Shopify Partner
3686 407 606

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
SonnyS
Tourist
6 0 1

Screenshot 2021-10-21 at 14.16.59.png

Changed it but it still did nothing?

suyash1
Shopify Partner
3686 407 606

@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

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
SonnyS
Tourist
6 0 1

Amazing! Worked thank you so much!