I’d like to change the background of my blog page to white, but only where the blog posts section is (the area in between the nav and footer). My current background color in my theme (Atlantic) settings is a very light gray. See screenshot. Thanks in advance for your help!
Hi @AreaMan ,
Your website is password protected. Can you provide the password so we can provide a code specific for you? Thank you
Hi @made4Uo . Here is a preview link. Thanks for your help!
Hi @made4Uo , curious if you’ve been able to take a look at the preview link? Thanks again for your help.
Hi @AreaMan ,
Please try the code below. Just FYI, your preview link expired
- From your Admin page, go to Online store > Themes > click the three dots > Edit code
- Find the Asset folder, and open the theme.css file
- Add the code below at the very end of the file
[data-section-type="featured-blog"] {
background: white;
}
section.home-section.content-area.has-heading {
margin-top: 0;
}
.template-blog .main-footer {
margin-top: 40px
}
Thanks @made4Uo . I placed the code and the background is now white, but it seems to have hidden the preview images of the blog articles. See attached.
Also, here is a new preview link for the store: https://f1cahzdtuhdgc8y8-67934060863.shopifypreview.com
Hi @AreaMan ,
Please add below to show the images.
- From your Admin page, go to Online store > Themes > click the three dots > Edit code
- Find the Asset folder, and open the theme.css file
- Add the code below at the very end of the file
.shopify-section--blog-posts .article .article-image {
z-index: 1;
}
Worked like a charm, @made4Uo . Thanks so much for your help!
theme.css doesn’t exist under the Assets folder for the Dawn theme. Could you provide an alternative location?