custom background image blog page

Sparkling
1

Thanks for the awesome theme!

I’m trying to change the background for each specific page. I’m able to do so with the following code:

body.page.page-id-24 {
 background-image: url("/images/image.jpg");
background-repeat: no-repeat;
}

But this code doesn’t work with the blog page. Do I need some additional code?

Thanks!

Ted

2

Hey there,

I hope you are well today and thank you for your question.

That CSS contains the selector for a specific page, so it wouldn’t work on your homepage.

You can use the following if you wish to change the background on your blog posts.


/*chnage background on blog post*/
.single-post {
 background-image: url("http://www.aco.in.ua/wp-content/uploads/2016/01/kraski-tekstura-fon-cveta.jpg");
background-repeat: no-repeat;
}

Best regards,
Support.

3

Thanks, that works for the individual blog posts, but nog for the page that has an overview of my latest blogs.

I have designated not the homepage, but one of the other pages on my website as the blog page and I want to change that backgound as well with a specific image. But if I use the code in my first post with the page id of the specific blog page, it doesn’t work.

Do you have some code for that as well? Thanks.

4

Please try using the below CSS code to change the background of blog page.

/*chnage background on blog post*/
.blog {
 background-image: url("http://www.aco.in.ua/wp-content/uploads/2016/01/kraski-tekstura-fon-cveta.jpg");
background-repeat: no-repeat;
}
5

Excellent, that works! Thanks!

6

You are most welcome here :slight_smile: