Modularity Lite: Removing background while retaining image on homepage only

• 

  liebrechuparrosa · Member · Dec 15, 2015 at 8:31 am

  • Copy link
  • Add topic to favorites

  I am using Modularity Lite and have attempted several CSS codes to remove my background image on all of my pages while still preserving that image on the homepage. Is there a code that will work in my case?

  Thanks!

  LC

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 15, 2015 at 10:02 pm

  • Copy link

  Hi LC, what we have to do it to remove the background image you have set everywhere and then bring it back on just the home page with CSS. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  body.custom-background {
      background-image: none;
  }
  body.home.custom-background {
      background-image: url("http://musingsinmagick.files.wordpress.com/2015/12/mnm-viewfinderfilter2.jpg");
  }