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

    Thread Starter beaufugg

    (@beaufugg)

    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(https://www.choicebananas.co.nz/wordpress/wp-content/themes/maze/images/background.gif) repeat-y;}

    and this is my wrapper css

    #wrapper {
    background:url(https://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(https://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;
}

    Thread Starter beaufugg

    (@beaufugg)

    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 ‘Background image issues’ is closed to new replies.