Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / backround and #logowrapper

backround and #logowrapper

Locked

Views: 606

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
2 Jun 2010, 4:57 PM
#1
commdiver avatar

commdiver

Zen Follower

Join Date:
May 2010
Posts:
222
Plugin Contributions:
0

backround and #logowrapper

If you open up your template's CSS file, you will notice a Body area. Mine looks like:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #000099;
	}

If I change the "backround-color", that changes the color of the side trim on my page. How can I make that side trim go away and allow my #logowrapper to cover the entire page?

2 Jun 2010, 5:20 PM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: backround and #logowrapper

Well, as that's the whole background, you CAN'T make it go away, as that's what your sites pages actually "lay" on, but you CAN change that background to #fff; (white).
Then you can make your site use the whole page by finding this line of code:

#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 750px;
    vertical-align: top;
    border: 1px solid #9a9a9a;
    }

And change the "width: 750px;" to width: 100%;

3 Jun 2010, 2:58 PM
#3
routerswholesale avatar

routerswholesale

New Zenner

Join Date:
Apr 2010
Location:
SAN DIEGO
Posts:
25
Plugin Contributions:
0

Re: backround and #logowrapper

Get Em Fast:

Well, as that's the whole background, you CAN'T make it go away, as that's what your sites pages actually "lay" on, but you CAN change that background to #fff; (white).
Then you can make your site use the whole page by finding this line of code:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

> 
> And change the "width: 750px;"  to  width: 100%;

How would you go or is it even possible to have a full pic as a background and the site that goes on top in width 1024 for example but your screen is 1600 x  so you could see the 'behind' (excuse my french) hence the pic.
Is this even possbile ?
3 Jun 2010, 3:14 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: backround and #logowrapper

As you said, you can't have a body background image that will work with all screen resolutions, unless it's a simple repeating image that you can 'tile'.