Reducing padding - when padding is set to 0

[marycrichton123]

Hi All,

I am reducing the padding on many of my sections. On these sections the padding is already set to 0 but there are still big gaps.

For example where the orange boxes are:

[suyash1]

@marycrichton123 can you please share this page link?

[marycrichton123]

My Store

[suyash1]

@marycrichton123 no option to add password?

[marycrichton123]

I can not take the PWD page off as users are signing up on that form as it is live.

This is the padding I want to get rid off (the green)

[suyash1]

@marycrichton123 as you can see there is padding at top, so that needs to be reduced, can you please share the preview link to my DM? this way password page would be active and i still can see the website

[Alan_liu]

Hi @marycrichton123
Please try below code:
Online store > Themes > Edit theme > Click on the Theme settings icon on the left > Scroll down to the bottom and paste it to the custom CSS tab.

#shopify-section-template--26502582534521__rich_text_Hf3b3h .isolate {

  padding-top: 0px !important;

}

.section-template--26502582534521__rich_text_Hf3b3h-padding {

  padding-top: 0px !important;

}

[Tech_Coding]

Hello @marycrichton123
You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

   .section-template--26502582534521__rich_text_Hf3b3h-padding { padding-top: 0 !important; } #shopify-section-template--26502582534521__rich_text_Hf3b3h .isolate { padding: 0px 20px 20px 20px !important; }

My reply helpful? Click Like to let me know!
Your question answered? Mark it as an Accepted Solution.

[WebDeskSolution]

Hello @marycrichton123

To solve this issue → Go to Online Store → Theme → Edit code → Open your theme.liquid file → Paste the below code before on theme.liquid

#shopify-section-template--26502582534521__rich_text_Hf3b3h .isolate
{
  padding-top: 0px !important;
}
.section-template--26502582534521__rich_text_Hf3b3h-padding
{
  padding-top: 0px !important;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.