Need help to reduce gap between sections in home page

[thisiskishor]

Hi there,

As mentioned in the title, I need help removing a few gaps between the sections on the home page of https://www.fitnessnbalance.com/

The padding on all the sections is set to zero, however, it still has a gap that I can’t seem to reduce.

I would really appreciate it if someone could help me with a code that clearly shows the number (eg. 11/12px) that can determine the gap so that I myself can change it according to the requirement after checking it on the website. or it would also help if you could guide me on how to change the gap in all the sections (following a process) so I can try it myself. However, I only have a little coding knowledge but can understand and change minor codes when required.

Thank you!

Image for reference:

[Moeed]

Hey @thisiskishor

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[thisiskishor]

Hi @Moeed ,

Thank you very much for the help! This is exactly what I needed.

However, can you please let me know what is the difference between using section #shopify-section-template and div #shopify-section-template while denoting the class that needs to be changed? If I understand this, I maybe can change the sections as required myself.

Once again, Thank you for the help!

section#shopify-section-template--17882014908635__17187267275423a89b {
    display: none !important;
}
div#shopify-section-template--17882014908635__image_with_text_jBTGLL {
    padding-bottom: 0 !important;