How to change background color of Blog Articles

Solved
Alex1510
Explorer
83 0 27

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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2339 3325

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 14 (14)
dmwwebartisan
Shopify Partner
10710 2339 3325

@Alex1510 

Please share your blog page URL. I will check and provide a solution.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10710 2339 3325

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Alex1510
Explorer
83 0 27

Thanks a lot! it looks great

JoshWaller
New Member
1 0 0

Please could you take a look for me to? Many thanks 🙂

Iqrajput1120
Tourist
12 0 1

How to change article image backgroud color?

dmwwebartisan
Shopify Partner
10710 2339 3325

@Iqrajput1120 

Please share your store URL & screenshot what do you want!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Iqrajput1120
Tourist
12 0 1

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.

dmwwebartisan
Shopify Partner
10710 2339 3325

@Iqrajput1120 

Please share store front password!

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Iqrajput1120
Tourist
12 0 1
dmwwebartisan
Shopify Partner
10710 2339 3325

@Iqrajput1120 

which background color use for blog you want ?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Iqrajput1120
Tourist
12 0 1

Store front password olivetree

dmwwebartisan
Shopify Partner
10710 2339 3325

@Iqrajput1120 

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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Iqrajput1120
Tourist
12 0 1

Thank you so much it solved.