WordPress.org

Ready to get started?Download WordPress

Forums

Barthelme change background color (8 posts)

  1. chantal68
    Member
    Posted 3 years ago #

    Hi. New here and tip-toeing; looked for a similar post but couldn't find one so here goes.

    I chose Barthelme because I like it simple, and I like a simple band of color across the top. However, I would like to use a mild background image rather than the plain white, and I can't figure out how to do this. Can anyone tell me EXACTLY what to put and where? I've looked in page template and style sheet. Tried entering a bit of code that I've pulled from other posts. I've already got my background saved via the media tab. Just not sure what code and where.

    Thanks much.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    There are thousands of WordPress themes - which means that many people won't be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

  3. chantal68
    Member
    Posted 3 years ago #

    Well, okay. http://www.sendaletternow.com/
    But I'm just using the Barthelme theme that came up on the themes options page. Which, btw, only showed 42 theme options. Where are the thousands you mentioned? Or do you just mean each person's tweak on a particular theme for their own site? If there were a better theme that would let me keep it as mentioned above, I'd be happy with that, too.
    Thanks for any help you can give.

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    Where are the thousands you mentioned?

    http://wordpress.org/extend/themes/
    Google search

    Plus, once a theme is customised in any way, it becomes, in effect, a new theme and needs to be viewed in the context of its site.

    To change the background on your theme (assuming it doesn't have a Custom Background option in the Appearance sub-menu), you will need to use FTP to upload your chosen (tileable) background image (eg bg.jpg) to the wp-content/themes/barthelme/images folder. Then edit the theme's stylesheet (style.css) via Appearance/Editor and change:

    body {
    background:#fff;
    color:#222222;
    line-height:150%;
    }

    to:

    body {
    background:#fff url(images/bg.jpg);
    color:#222222;
    line-height:150%;
    }
  5. chantal68
    Member
    Posted 3 years ago #

    Thanks so much for your help.

    I'm on the right track, apparently; that is one of the lines of code I worked with. I couldn't see that it worked.

    A couple of thoughts: 1] my image automatically saved to a wp-content/uploads folder that was further defined by date. I can't see how to choose where it goes (as in putting it in the theme folder you mentioned). Is that critical? I used the proper file path when putting the code in, starting from wp-contents and onward. Was that right?

    And 2] is it possible that the background is actually working and the white space I'm seeing is somehow attached to the text? Like there's a text box or something in front of the background that I'd need to modify?

    Thanks again.

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    1. Find the image that you want to use in the Media Library and copy the image file's url. Then change:

    body {
    background:#fff url(images/bg.jpg);
    color:#222222;
    line-height:150%;
    }

    to:

    body {
    background:#fff url( put the full image url here );
    color:#222222;
    line-height:150%;
    }

    2. I don't think so. Try the revised CSS change and I'll review it again if that doesn't work.

  7. chantal68
    Member
    Posted 3 years ago #

    Oh my gosh, there it is! So I have to put in the entire URL, including http, etc? Like this:
    http://www.sendaletternow.com/wp-content/uploads/2010/10/minor-purple.gif
    ?
    Honestly, I thought you weren't supposed to put the entire thing in. But apparently that's right?

    Thanks much. I really appreciate your assistance!

  8. esmi
    Forum Moderator
    Posted 3 years ago #

    So I have to put in the entire URL, including http, etc?

    Yes - because you're referencing an image that it well outside of the theme's folder. You can use full urls in CSS files but, if the images are in the same folder, or close by, most people use a relative path. In this instance, that won't work.

Topic Closed

This topic has been closed to new replies.

About this Topic