How do I change the background colors just for blog entries? (Pacific Theme)

Site URL: https://healthcontentcollective.com/blog-entries/why-virtual-patient-communication-is-key

I'm currently using altnernating background colors for my index pages. However, for each blog entry I'd like the background to be the secondary color (white), not the primary background color (dark green). Client does not have a premium account, so code injection isn't possible at the moment. Is there a workaround? 

There is no style tweak for blog page background color for Pacific, it is a site wide setting so code would be necessary to change it. 

@derricksrandomviews - I figured it would, since it's a site-wide setting. Do you have any idea of what code I need to add to the custom CSS to accomplish this?

insert in Blog page, advanced settings, header code injection. Change the #number for any color you want, it is set for white here. 

<style> body {
 background-color: #FFFFFF;
}
</style>

@derricksrandomviews alright I updated my client's account so I could enter the header code injection, but am still seeing a green background? Anything else I might try? Thanks for your help!

I think the code needs to go in the post blog item code injection instead of the header. Its the posts you want to change not the blog "summary/list" page. 

@katelyn.benton did you ever manage to resolve this issue? I'm looking to do exactly the same for my site but having the same issues, even when injecting the code as per Derrick's suggestions, unfortunately. Thank you. 

@LChamberlain

Please post the URL for your blog entries on your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Thanks @creedon here it is. I have literally just changed all of my images to align the background with the new colour (vs white as desired) so it isn't as urgent now but would still love to know how to make it work. This is the link the blog entries and it's public. Thank you. https://www.poolcareonline.com.au/blog

@LChamberlain

Ah. Well the reason the code provided didn't work as it is for a v7.0 site using the Fulton template. Your site is v7.1.

Were you wanting to change the background of the entire page? The area around the blog entries themselves? The area around the blog list?

Just need a little more detail about what effect you are going for.

You can of course change the theme for a page section and customize the colors there. Keeping mind that if that theme is used elsewhere in the site those sections would change as well.

On 4/6/2021 at 6:40 AM, LChamberlain said:

Thanks @creedon here it is. I have literally just changed all of my images to align the background with the new colour (vs white as desired) so it isn't as urgent now but would still love to know how to make it work. This is the link the blog entries and it's public. Thank you. https://www.poolcareonline.com.au/blog

Have you solved it yet?

I would like to know how to change the blog post background colour, and have a different colour for the side-by-side alternating blog index, i.e., in 7.1, "Bright 2" for the index and "Lightest 1" for the blog posts themselves.

On 1/15/2022 at 5:50 AM, visualcreative said:

I would like to know how to change the blog post background colour, and have a different colour for the side-by-side alternating blog index, i.e., in 7.1, "Bright 2" for the index and "Lightest 1" for the blog posts themselves.

Can you share link to a blog post? We can check easier

I want to be able to update the background and heading/paragraph text color on specific blog posts, but also a blog category, or tag. For instance I want to change the background on this page to red. And the Heading and paragraph to white. https://www.jiwajiwa.com/blog/2017/1/20/jiwa-jiwa-radio-01-at-red-light-radio-10-01-2017 I'm on 7.1

On 3/6/2023 at 9:30 PM, sekan said:

I want to be able to update the background and heading/paragraph text color on specific blog posts, but also a blog category, or tag. For instance I want to change the background on this page to red. And the Heading and paragraph to white. https://www.jiwajiwa.com/blog/2017/1/20/jiwa-jiwa-radio-01-at-red-light-radio-10-01-2017 I'm on 7.1

Edit this post > Add a Code Block (any where) > Paste this code

<style>
  .blog-item-wrapper {
    background-color: red;
}
.blog-item-wrapper * {
    color: white !important;
}
</style>

Thanks that worked! Would I also be able to change the full page, so including the header, navigation from blog post to blog post and footer?

On 3/6/2023 at 9:30 PM, sekan said:

I want to be able to update the background and heading/paragraph text color on specific blog posts, but also a blog category, or tag. For instance I want to change the background on this page to red. And the Heading and paragraph to white. https://www.jiwajiwa.com/blog/2017/1/20/jiwa-jiwa-radio-01-at-red-light-radio-10-01-2017 I'm on 7.1

The url doesn't work now. Can you check it again?

You could try this one https://jiwajiwa.squarespace.com/feed/2021/1/20/holland-festival-jiwa-jiwa-record-shop-in-the-international-theatre-amsterdam

1 hour ago, sekan said:

You could try this one https://jiwajiwa.squarespace.com/feed/2021/1/20/holland-festival-jiwa-jiwa-record-shop-in-the-international-theatre-amsterdam

Try this code

 <style>
.blog-item-wrapper {
  background-color: #e48924;
}
.blog-item-wrapper * {
   color: black !important;
}           
   header#header, footer.sections .section-border, footer.sections .section-background, section#itemPagination {
    background-color: #e48924 !important;
}
   
</style>