background image in photography theme

  • Author
  • #932890



    I’m hoping to add a background image to all pages in my blog. I’m using the photography theme.

    What css code would I need to do this.


    The blog I need help with is


    This would be the CSS:

    body {
    background: url("URL OF IMAGE") no-repeat scroll center top #292929;

    You would replace URL OF IMAGE with the URL of the background image you uploaded to your media library. If it is a repeating image, change ‘no-repeat” to “repeat.” The hex color code at the end of the background declaration should be changed to a color that is complimentary to the image used so that just in case the image doesn’t load, people have something with a similar color value instead of just a stark white or something else.

    A comment: For your background image, optimize it heavily for the web and try and keep it under 250k in file size so your site loads quickly. This is especially important with photography sites since the focus is on images, and you don’t want to keep people waiting for the background image to load.



    Hi thesacredpath

    Thanks a million for getting back to me.
    That works great now.
    And for the advice on images as well.

    All the best,


    Tom, you are welcome.

The topic ‘background image in photography theme’ is closed to new replies.