Remove white background on Product Information page on Dawn 11.0 theme

Topic summary

A user is experiencing unwanted white backgrounds on their Dawn 11.0 theme product information pages, despite the rest of their site having a black background. They also report a persistent white bar at the bottom of each page.

Issue Details:

  • Previous CSS solutions from other posts haven’t resolved the problem
  • Screenshots provided show the white background areas
  • Store URL shared: blacksoulproducts.com

Proposed Solution:
A PageFly representative suggested adding CSS code to fix the background:

  • Navigate to: Online Store → Theme → Edit code → Assets → base.css
  • Add: .gradient { background: #000 !important; }

Status: The discussion remains open with one technical solution offered but no confirmation of whether it resolved the issue.

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

The background color for my entire website is black except for the product information page. I’ve tried to change the code like other posts suggested but it has yet to work for me. Also there is a white bar at the bottom of each page I also can’t get to be black. If you have any suggestions on how to change this I would appreciate it!

1 Like

Hi @blacksoul666 ,

Could you please share your store URL, so that I can help you

Hi @blacksoul666

Would you mind to share your Store URL website? with password if its protected. Thanks!

Its blacksoulproducts.com

Hi @blacksoul666

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.gradient {
    background: #000 !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly