Forums / Templates, Stylesheets, Page Layout / how to give whole website a background color

how to give whole website a background color

Locked

Started by vr4indian on 20 Oct 2006, 7:09 AM · Views: 1,746

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
20 Oct 2006, 7:09 AM
#1
vr4indian avatar

vr4indian

Zen Follower

Join Date:
Apr 2006
Posts:
141
Plugin Contributions:
0

how to give whole website a background color

can you tell me how can i give a whole website a backgroind color

just like greenish here---- i need to use 'f7f7f7'

mystylesheet:


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

#mainWrapper {
background-color: #000000;
text-align: left;
width: 100%;
vertical-align: top;
}


my tpl_main page :

<div id="mainWrapper"> <?php /** * prepares and displays header output * */ require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?> <table width="788" border="0" align="center" cellspacing="0" cellpadding="0" vspace="0" > <tr> <?php if (COLUMN_LEFT_STATUS == 0..............................

can you help me how can i get fine backgroung color to whole website

link:
http://netclues.net/demo1/caytech/index.php

20 Oct 2006, 7:37 AM
#2
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: how to give whole website a background color

I thought you were joking to start with, but your problem is that #mainwrapper is 100% wide and overlays the body...that's why you can't see the effect of changing body{background-color}.

To start with, you need to change #mainwrapper. Yo make life much easier...

Install Firefox. Install Web Developer Toolkit for Firefox.

Select CTRL+SHIFT+E. The stylesheets in use appear on the left.

Select CTRL+SHIFT+F. Move the mouse over the page; details of elements will be displayed. Find the ones you want and change the setting in the left column. You can then see the effect instantly. If that's what you want, you can save the stylesheet (using the symbol at the left of the scissors at the top of the Edit css column) and then upload it to your site.

Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
20 years with Zencart !