My product description bottom has big pink rectangle shopify dawn

Store Design

Topic summary

A user encountered a large pink rectangle appearing at the bottom of a single product page on their Shopify Dawn theme store. The issue was identified as being connected to the footer’s background color.

Solution provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the Assets folder and locate the CSS file (theme.css, styles.css, or base.css)
  • Add the following CSS code at the bottom:
footer.footer.color-accent-2.gradient.section-footer-padding {
    display: none;
}

This CSS rule hides the problematic footer element causing the pink rectangle. Multiple respondents confirmed this approach, with one providing before/after screenshots showing the issue resolved. The fix specifically targets the footer section with gradient and accent color styling that was creating the unwanted visual element.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

my product description bottom has big rectangle shopify dawn, only on one product, help mee

kiekvienamsavo_0-1686475849865.png
kiekvienamsavo_0-1686475849865.png997Ă—757 49.5 KB

1 Like
2

Hi @kiekvienamsavo ,

Would you mind to share your URL website (with password if its protected)?

Thanks!

3

https://gegute.lt/products/nesiojamas-blenderis-gertuve

1 Like
4

Thank yopu for the information.

It seem like it connected to the footer, if you take out background color the footer will be gone. So what I did is display none.

Try this.

  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 “theme.css, styles.css or base.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:
  4. And Save.
footer.footer.color-accent-2.gradient.section-footer-padding {
    display: none;
}
5

Hi @kiekvienamsavo

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.footer.color-accent-2.gradient.section-footer-padding {
    display: none !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly