Dawn Theme - Line between sections when using background image in rich text section

[tailoreddomain]

I've been working on a client's site (Dawn theme) and have run into an issue. Whenever we add a background image to the top rich-text section, a white line between the sections appears, but when we change it to a solid color, it disappears. I have searched the Shopify Community and can't find anyone addressing this issue.

I've added

div {
margin-top: -1px !important;
}

to the App section underneath and that removes the white line when there is a green/solid color background, but it still appears when there is a background image above.

Can anyone offer a suggestion? Thanks!

Site: https://equanimous.info/

[Moeed]

Hey @tailoreddomain 

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 </body> tag

<style>
section#shopify-section-template--17013756559559__1730994542a13020c4 {
    margin-top: -3px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @tailoreddomain 

Try this one.

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. 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--17013756559559__rich_text_pn3Rth {
    margin-bottom: -2px;
}

And Save. 

Result:

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[DaisyVo]

Hi @tailoreddomain 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.isolate {
    margin-bottom: -3px;
}

Here is the result: https://prnt.sc/nY4_6Z3d2Mri

I hope this helps

Best,

Daisy