CHANGE THE BACKGROUND COLOR ON ONE BLOG POST

Hello. I'm trying to change the background color of one single blog post, I have the basic plan so I'm not able to use the advanced css tools. 

Can anyone help me? 

Thank you so much. 

Hi,

This is possible with basic plan. Change blog post content background only or whole page (header, footer, post content)?

And can you share link to this blog post?

6 hours ago, tuanphan said:

Hi,

This is possible with basic plan. Change blog post content background only or whole page (header, footer, post content)?

And can you share link to this blog post?

Hello! Thank you for your reply, I'm still on trial so IDK if you would be able to see the link to the blog. But I've tried this code on the css panel:

 

#item-649edb46d21dd87b73788b48 {

  background-color: #ACAE85;
  
  }

and this one below

.collection-type-blog .Main {

  background-color : white;
  
  }

But it didn't work, this still happened to the corners of the blog.
 

If the site is trial, you can follow this to share url

Hi @tuanphan I'm having a similar issue here - I'd like to change the background of one singular blog post to white, and the text black. 

I know how to change the navigation colours for each individual page (and logo), but can't seem to get one post background full white with black text without messing with the other blogs.

Here is the link - https://www.megancrosbiedesign.com/the-edit-blog/grace-st-victorian-chapter-3 

Thank you so much in advance for your help!

On 7/24/2024 at 11:02 PM, garlandehaney said:

Hi @tuanphan I'm having a similar issue here - I'd like to change the background of one singular blog post to white, and the text black. 

I know how to change the navigation colours for each individual page (and logo), but can't seem to get one post background full white with black text without messing with the other blogs.

Here is the link - https://www.megancrosbiedesign.com/the-edit-blog/grace-st-victorian-chapter-3 

Thank you so much in advance for your help!

Use this code to Custom CSS box

#item-6657878707ef1036590020a1 {
.section-background {
    background-color: #fff !important;
}
 div.header-nav-item>a {
    color: #000 !important;
}
header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
div.blog-item-inner-wrapper * {
    color: #000 !important;
}}