Remove blank space between sections DAWN Theme

Hi,

On a website I’m working on I have space between each section on the Homepage and I can’t remove them - such as above and below rich text for example. See photo attached.

Anyone can help? Thank you

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hey @AscendStudio

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hi,

Thank you! Url is: https://pranawholefoods.com.au/

Hi @AscendStudio

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
section#shopify-section-template--16313388630265__0a4d1718-8522-4f79-822a-e7cb582feb34 {
    margin-top: 20px;
}
div#shopify-section-template--16313388630265__a03012dd-b611-4b21-8f49-abac20cedf50 {
    margin-top: 20px;
}

Hello @AscendStudio

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.section + .section {
margin-top: 30px!important;
}

Hey @AscendStudio

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


RESULT:

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

Best Regards,
Moeed

Perfect thank you so much!!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.