WordPress.org

Support

Support » Themes and Templates » [Resolved] Background image issues

[Resolved] Background image issues

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    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)

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

    : )

    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;
    }

    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 : )

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Background image issues’ is closed to new replies.
Skip to toolbar