hi everyone, I’m desperately trying to remove the white background in the blog overview. I have already tried all possible CSS codes. Does anyone have a tip for me?
Theme: Dawn 13.0.1
Topic summary
A user seeks help removing the white background from their blog overview page in Shopify’s Dawn theme version 13.0.1, having unsuccessfully tried various CSS solutions.
Initial Solution Attempt:
- A community member provided CSS code to add to the base.css file:
.blog-main.page-width.section-template--[ID].main-padding {
max-width: 100%;
}
- This approach did not resolve the issue for the original poster.
Alternative Solution:
- The helper suggested a different method: inserting CSS code in the theme.liquid file, specifically before the closing
</body>tag, rather than in base.css. - The discussion remains ongoing as the user tests this alternative approach.
Status: The problem is unresolved. Screenshots were shared showing the persistent white background issue, though preview links have expired during the troubleshooting process.
1 Like
Hi @Chriz21
Check this one.
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:
.main-blog.page-width.section-template--19258194297096__main-padding {
max-width: 100%;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Does anyone else have a suggestion?
1 Like
It is not working? the preview are expire, would you mind to share another? Seems like your base.css have more } without a partner. Can i take a look again. Thanks!
1 Like
Please, check the other instruction.
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 “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like