Adding a background image to a template (Hemingway)

  • dekard

    (@dekard)


    17 years, 4 months ago

    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?

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

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

    (@saurus)

    17 years, 4 months ago

    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)

    17 years, 4 months ago

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

    Saurus

    (@saurus)

    17 years, 4 months ago

    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.