background for home page only


  1. thank you so much,reading this forum with all your answers is very helpful and thorough.
  2. i want to have a background on my home page only, but i also want that background to NOT include my header area, just to be in the body/content area. i’ve seen similar requests on here, but i either cant seem to find them right now or they’re the a little different and none of my css tweaking is working…
    also would i be able to do that for each page? have a unique background just for that body area on that page?
    thank you in advance!

Hi @rgbargy,

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

I am not sure exactly which area of home page you want to change the background color of so i have provided following three CSS solutions which you can use one by one.

body.home #primary .entry-content {
  background-color: #F7F7F7;
body.home #primary {
  background-color: #F7F7F7;
body.home #content {
  background-color: #F7F7F7;

You can use the above CSS code on your site by adding it in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

Best Regards,