WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Background image issues (5 posts)

  1. beaufugg
    Member
    Posted 5 years ago #

    Hello

    My first forum post, forgive me if I'm not savy yet, no smart asses please.

    I'm trying to add a background image to a theme that I have used as a starting point to designing a new theme.

    I need the image to be horizontaly tiled to 820px wide (it's a 8px wide by 1276px image http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif) and centered behind the main content.

    I know this is probably really simple but I've been scouring forums for hours now and am stumped!!!!

    Any help would be greatly appreciated.

    http://www.choicebananas.co.nz/wordpress

    I've created a div 'wrapper' but have just struggled to get anything to happen...

    Cheers

  2. vivsin
    Member
    Posted 5 years ago #

    edit your style CSS file

    Full body Stretch ( top aligned ) :

    In BODY tag add { background:url(image location} repeat-y; }

    Fixed width:

    Create an id, I think u have done that as " WRAPPER "

    add this
    {
    background:url(image location} repeat-y;
    margin: 0 auto 0;
    width:820px;
    }

    Start this DIV next to <BODY> in header.php

    close this div after Footer in footer.php

  3. beaufugg
    Member
    Posted 5 years ago #

    Thanks so much vivsin

    I've done all you've said and still not working! though not sure what you mean by

    Full body Stretch ( top aligned ) :

    background has changed to white now!!!

    this is my body css

    body {color: #939393; background-color:#000;font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding-top: 0px;background:url(http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif) repeat-y;}

    and this is my wrapper css

    #wrapper {
    background:url(http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif)
    repeat-y;
    margin: 0 auto 0;
    width:820px;

    }

    have closed my div in footer.php (which I hadn't before)

    ?!?!?!?!?!?!?!

    : )

  4. chaoskaizer
    Member
    Posted 5 years ago #

    If I understand this correctly, you want the main content (the posts & sidebar) to have a horizontal tile bg, centered with 820px width.

    might want to try the following solution, first find on line 36

    #container {background:none;position: absolute;min-height: 100%;height: auto;width: 640px;}

    replace with

    #container {background:none;min-height: 100%;height: auto;width: 640px;}

    Next, find on line 51

    #wrapper {
    	background:url(http://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif)
    	repeat-y;
    	margin: 0 auto 0;
    	width:820px;
    
    }

    replace with

    #wrapper {
       background: #6C6E71 url('/wordpress/wp-content/themes/maze/images/background.gif') repeat-x 0%;
      margin: 0pt auto;
      width: 820px;
    }
  5. beaufugg
    Member
    Posted 5 years ago #

    you rock, lots of little subtle things I'll have to get my head around but that works fine for this stage.

    Thanks so much : )

Topic Closed

This topic has been closed to new replies.

About this Topic