WordPress.org

Ready to get started?Download WordPress

Forums

Background image (7 posts)

  1. grantruby
    Member
    Posted 3 years ago #

    How can I add a background image to the 'minimalism' theme? Having some difficulty finding it in the PHP code.

    Thanks in advance for any help.

  2. Tara
    Member
    Posted 3 years ago #

    I am familiar with your theme. But, if it helps, in the default theme, you can:

    Admin => Appearance - Background

  3. grantruby
    Member
    Posted 3 years ago #

    t-p, thanks for the response.

    In the minimalism theme, the items under Appearance are:

    Themes
    Widgets
    Menus
    Header Image and Color
    Editor

    I can't seem to find in any of the php code (or elsewhere) where it defines the background image.

  4. Tara
    Member
    Posted 3 years ago #

    I am not sure, but its possible that your theme does not support custom themes as the Twenty Ten does.

  5. jrav001
    Member
    Posted 3 years ago #

    grantruby, the background is controlled with the css file. Please post a link to your site - we should be able to help you once we see the css.

  6. grantruby
    Member
    Posted 3 years ago #

    jrav001,

    My site is grantruby.com.

    This is the link to the style.css file:

    http://www.grantruby.com/themes/minimalism/style.css

    I've narrowed it down to the section /* Begin Typography & Colors */

    However, there are many references to "background" in that section and I'm not sure where I want to put the image tag. Any idea?

  7. jrav001
    Member
    Posted 3 years ago #

    Upload the image you want to use as your background. Assuming you have put it in your minimalism/images/ directory (the same location as minimalismheader.jpg) and named it background.jpg do the following...

    In your css file, find this:

    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Helvetica, Sans-Serif;
    background: #fff;
    color: #333;
    text-align: center;
    }

    and change it to this:

    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Arial, Helvetica, Sans-Serif;
    background: url("images/background.jpg") repeat scroll 0 0 #fff;
    color: #333;
    text-align: center;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic