[KodeblueParticipant]

Hi im using the Icon setup and my blog posts automatically have a background color to them. I just want them all to be white. I cannot find where to change this. Is this something that has to be done with .css?

my site : http://www.hollandchiropractor.com/blog/

Thanks!

[Paul RModerator]

Hi,

Thanks for writing in!

You can change it to white by adding this under Custom > CSS in the Customizer.

body .format-standard .entry-wrap {
   background:#fff !important;
}

Hope that helps.

[KodeblueParticipant]

Great! That worked perfectly, and actually I just realized that all those backgrounds and texts are customizable under the Icon tab in customizer. I apologize for taking up your time. I must have looked under every other tab but that one. go figure. Thanks again for the help!

[ZeshanMember]

You’re welcome! 🙂

[emilybreareyParticipant]

The above code didn’t work for me and I can’t find anywhere in the customizer where I can change the blog post background color. I’m using Renew.

Here is my site:
http://emilybrearey.com/inprogress/

Click “Blog” in the menu and you’ll see what I mean.

Thank you,
Emily

[ZaepianParticipant]

Hey Emily,

I don’t mean to impose on your forum question, but I was reading your issue and visited your site.
Long story short, I saw your video on your blog page – wound up on vimeo watching your stuff.
I really like what you’re doing. Is it all After Effects work?

Being that I imposed on your post, let me take a crack at assisting you.
There is no option for changing the color of your blog posts.
To achieve what you’re looking to do, you need to add this bit of CSS in the customizer here: Appearance > Customize > Custom > CSS

.blog .entry-wrap {
   background-color: black;
}

Just replace “black” with whatever color you want.
Alternatively, you can use color hex codes. i.e. #ffffff (black-again)
You can find the code to any color you want here: http://www.colorpicker.com

-Stefano

[Paul RModerator]

Hi Emily,

To change the background color of your blog page only, you can add this under Custom > CSS in the Customizer.

.blog .site {
  background-color: red;
}

Change red with the color that you like.

Hope that helps.

[emilybreareyParticipant]

Hi Stefano,

Thanks! Yes, it is all After Effects.

I’ve tried entering your code in the Customizer, but nothing happens.

As for the suggestion from the Themeco Staff member, that just changes the background of the whole blog page. I’m talking about the little white boxes that my blog posts seem to be nested in.

Thank you,
Emily

[RadModerator]

Hi Emily,

Stefano is correct, the white boxes are called entry-wrap and css should work as I tried it too.

I noticed that you have active caching plugin, please clear its cache after adding changes to your site. Because of caches, you will not see the changes in real-time. Or you can disable it while you’re developing your site and just enable it back when you’re done.

Thanks!

[emilybreareyParticipant]

I have disabled my caching plugin, cleared my browser cache, and refreshed several times and I still have a white box around my blog posts.

http://www.emilybrearey.com/inprogress/blog/

Is there something else that could be preventing it from working?

Thanks,
Emily

[ThaiModerator]

Hi There,

Please try adding following CSS instead:

.x-iso-container-posts>.hentry .entry-wrap {
  background-color: #D7B0B0;
}

Hope it helps.

[emilybreareyParticipant]

That works! Thank you!!

[ZeshanMember]

You’re welcome! 🙂

[ukatumurParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi @ukatumur,

Please update your code to following code:

.blog .site {
background-color: red;
}

Let us know how it goes!

[Author]

Posts