Shopify themes, liquid, logos, and UX
Hello everyone,
Anyone have any idea how to change the background color on blog articles only?
Can not find any option, need to edit code? Any suggestion
Much appreciated
Thanks,
Alex
Solved! Go to the solution
This is an accepted solution.
Hey @Alex1510
Try this CSS class.
Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file
.template-article main {background-color: #fff !important;}
.template-article .breadcrumbs {background-color: #fff !important;}
Hope this will work for you.
Thanks!
Please share your blog page URL. I will check and provide a solution.
Thanks!
This is an accepted solution.
Hey @Alex1510
Try this CSS class.
Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file
.template-article main {background-color: #fff !important;}
.template-article .breadcrumbs {background-color: #fff !important;}
Hope this will work for you.
Thanks!
Thanks a lot! it looks great
Please could you take a look for me to? Many thanks 🙂
How to change article image backgroud color?
Please share your store URL & screenshot what do you want!
Thanks!
https://www.olivetreearts.ca/blogs/art-scripture/art-scripture-painting-41-psalm-95-1-3
check this when I scroll image background color shows which is pink I want to change this color.
Please share store front password!
Thanks!
olivetree
which background color use for blog you want ?
Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file.
@media screen and (min-width: 1240px){
.Article__ImageWrapper {
height: 600px;
background-image: unset !important;
background-color: #a3bcb6 !important;
}
}
Thank you so much it solved.
Store front password olivetree
Hi, thanks for your help. This worked well for me but it only changed the sides of my blog post to white. Is there any way to get the background behind the text to turn white too? Have been trying to figure it out but getting nowhere. Example of how the blog posts look: https://mai-mo.com/blogs/journal/50-simple-actions-that-bring-joy . Thank you!
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024