background image home page

• 

  samwoolston · Member · Nov 19, 2014 at 4:32 pm

  • Copy link
  • Add topic to favorites

  Hello!
  Is their a way of setting a background image for the home page only?
  I am not familiar with CSS code.
  Thanks!

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

• 

  alexjgustafson · Member · Nov 19, 2014 at 9:38 pm

  • Copy link

  Howdy!

  You certainly could set a background image for only the home page, but it would require some CSS. Choosing the best selector will depend on your theme, but this will work for most sites…

  body.home{
       background-image: url("xxxyyyzzz.jpg");
  }

  You would then just replace xxxyyyzzz.jpg with the actual address to your image file.

  Best,

  -Alex G.

• 

  samwoolston · Member · Nov 19, 2014 at 10:37 pm

  • Copy link

  Hi,
  Thanks so much, that has helped me a lot! I had no idea CSS could be so simple … once you know how!
  All the best,
  Sam

• 

  alexjgustafson · Member · Nov 20, 2014 at 3:37 pm

  • Copy link

  Hi Sam,

  I had no idea CSS could be so simple … once you know how!

  It’s really boils down to “select the HTML element, then describe how it should look.” Not so scary, right? :)

  We have some links on where you can learn of ton about CSS here:

  http://en.support.wordpress.com/custom-design/css-basics/

  If you want to do a lot of CSS Customization, we have a forum dedicated to helping folks with that too:

  https://en.forums.wordpress.com/forum/css-customization

  Best,

  -Alex G.