Adding a background image to a template (Hemingway)

  • I recently switched over to the Hemingway template, and was wanting to customize it a little more for my personal tastes. I was wondering how hard it would be to add a background image instead of just the black background. I’m fairly basic with CSS and HTML any ideas? Would this be hard?

    https://www.jeremylindstrom.com is my current site

Viewing 3 replies - 1 through 3 (of 3 total)

  • In your styles.css, find your “body” statement. Add the following, with the url to the image you want displayed.

    body
{
background-image: url(filename.ext);
background-repeat: repeat-x
}

    Use the repeat statement if you want the image to be repeated over the entire background – assuming it isn’t the full size of your page. Check HERE for all the repeat options you could use depending on how you want it to look.

    Thread Starter dekard

    (@dekard)

    Thanks, for the reply. On hemingway that seems to only adds an image to the footer though for some reason.

    Okay – looking through the page source I found 2 references to “background”.

    #footer .inside {
background:transparent url(images/footer_black.gif) repeat-x scroll 50% 0pt;
padding:1em 0pt;
}

    and…

    body {
background-image:url(images/bground.jpg);
color:#BFBFBF;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
font-size:11px;

    The first refers to the footer, so why you are seeing what you are is a mystery to me. The second reference refers to the body of the theme, so what image you apply to the body statement should be seen there.

    Count me puzzled. maybe someone more familiar with WP layouts can see what’s going on.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding a background image to a template (Hemingway)’ is closed to new replies.