How to reduce padding, Venture theme.

Highlighted
Explorer
49 0 10

I'm having issues with padding, I've created headers as images and put them in as HTML but the padding is too much.

https://pjiylcg8x6xnvkg1-16497761.shopifypreview.com

There's a preview link, you'll see a big gap after the header...

 

padding error.png

0 Likes
Highlighted
Shopify Partner
608 90 130

Please place this code at the end of theme.scss

#shopify-section-1605231872e7af0fb3 {
margin-bottom: 0px !important;
}

#shopify-section-1594718154544 .section-block {
padding-top: 0px !important;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Explorer
49 0 10

Thanks @paramSoft, that seemed to have worked.

Another question, will this code only work with that particular header? Or should the code affect ALL padding in the future when I add more headers?

I only ask because it hasnt adjusted the padding for all of theml???

padding error2.png

 

Thanks.

0 Likes
Highlighted
Shopify Partner
608 90 130

only work with that particular header

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Explorer
49 0 10

Is there a way i can make it for all headers?

0 Likes
Highlighted
Shopify Partner
608 90 130

Let me know for which headers do you want to reduce space. I will do for it

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Explorer
49 0 10

Thanks but i was more thinking of the future when i add more headers etc.

I dont want to have to keep adding code to reduce the size of the padding when i add more headers in the future.

  Not sure why the padding is set so high.

 

Thanks.

 

0 Likes