Band Theme Post Bkg won't change image

[LucyKeile]

Hey guys I want to use a different image for my post page, currently it is pulling the image from the demo set inside customizer, theme layout.
I want the image to stay there.

But only this page http://wantedweb.com/newsite/lyrics-2/ I want to have a different image, I try changing the background but it wont work.

I created the same page using portfolios http://wantedweb.com/newsite/lyrics/ and this one the image bkg is correct but the size of post is too narrow. I really wanted to be wider.

Please let me know how I can accomplish this.

Lucy

[rad]

Hi Lucy,

Thanks for reaching out.

You could do that by adding a custom CSS, example

body.blog .backstretch {
display: none;
}
body.blog {
background: url(http://example.com/images.jpg);
}

Then just replace the URL with your preferred image background URL. And it’s narrow since you set the max width to 1000px in Theme Options > Layout and Design. Please increase it to increase your content width.

Thanks!

[LucyKeile]

Thank you, I was able to change the background, but it did not change on each specific post.

I also changed the site max width to 1000px but every single post is still 90px I would like that when the open each single portifolio or post item that it comes up wider than it is.

http://wantedweb.com/newsite/uncategorized/till-the-day-i-die/ .

[ruenel]

Hello @LucyKeile,

The given code is for the blog index only. If you want to apply it to category archives, please use this code instead:

body.blog .backstretch,
body.archive .backstretch {
  display: none;
}

body.blog,
body.archive {
  background: url(http://example.com/images.jpg);
}

Please let us know if this works out for you.

[LucyKeile]

How do i make each post wider?

[ruenel]

Hello @LucyKeile,

The posts were not wide enough because you added a custom css that limits the width up to 600 pixels only.
Have the code updated and increase the maximum width:

.blog .entry-wrap, .single .entry-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    background-color: #dfd9c3;
}

We would loved to know if this has work for you. Thank you.