Turning Logo to Background Colour

[superhoops]

Basically i am editing a Freewebs template in CSS and it has a set logo which i want the area where the logo lies to just be black with no image logo for now. I am a beginner at CSS and all types of coding so any help would be really appreciated.

body {	font:16px verdana;	color:#000000;	min-width: 1000px;	margin: 0px;	padding: 0px;	background-color:#C0C0C0;}/* * Container surrounding all content on the page */.fw-container {	margin: 0 auto;	padding: 0;	width: 800px;	border:;	overflow:hidden;}a,a:visited {	color:#74ff03;	text-decoration: none;}a:hover,a:visited:hover {	text-decoration: underline;}code,pre {	font-size:12px}fieldset {	margin:1em 0;	padding:1em;	border:1px solid #CCC}legend {	color:#000;	font-weight:bold;}label {	cursor:pointer}/* * This can be used to decorate around any advertisements that appear on the page (non-premium users only) * It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement */.fw-advertisement,#fw-advertisement {	margin:0 auto;	padding-top: 10px;	padding-bottom: 10px;	width:760px;	border:0;	text-align: center;	background: #000; }/* * Container surrounding Site Title, Small Title, Logo, and home-link */.fw-head {	height: 196px;	margin:0;	border:0;	background: #33CC33;	position:relative;}/* * Site Title */.fw-head h1 {	font:bold 26px verdana;	letter-spacing: 0.55px;	color: #fff;	border:;	text-align: center;	position: absolute;	top: 12px;		left: 200px;	z-index: 10;	padding:0px;	margin:0px;}/* * Site Small Title */.fw-head h3 {	font:normal 12px verdana;	color: #fff;	border:;	text-align: left;	position: absolute;	top: 60px;	left: 20px;	z-index: 10;	padding:0px;	margin:0px;}.fw-logo {	width:760px;	height:196px;}

[real_illusions]

find the <img> tag where the logo is and remove it. Then whatever div the logo was in, or table etc..find what class or is it has, and then set the background colour to black in the css for that id or class.example<div id="logo"><img src="logo.jpg" /></div>Remove the <img src="logo.jpg" />Then in the CSS - #logo{background-color:#000000;}

[superhoops]

find the <img> tag where the logo is and remove it. Then whatever div the logo was in, or table etc..find what class or is it has, and then set the background colour to black in the css for that id or class.example<div id="logo"><img src="logo.jpg" /></div>Remove the <img src="logo.jpg" />Then in the CSS - #logo{background-color:#000000;}

Thank You but sorry it is using a freewebs template and there is no HTML code for it only the CSS code which it lets you edit which is what i posted so unless there is a way 2 change it using only the CSS code i might be in trouble?

[Err]

I didn't see any image links in your CSS, so I don't think there's a logo anywhere in your CSS styles. Unless you have another CSS style somewhere, more than likely it's an <img> tag that's in the logo container. What you could do is collapse the image and display a black background. This should work:Find this line in your CSS:

.fw-logo {	width:760px;	height:196px;}

Change it to this:

.fw-logo {  background-color: #000000;}.fw-logo img {  display: none;}

[superhoops]

thanks but unfortunately it didnt work. it looks like freewebs have done it so that you can't edit the logo picutre.

[Err]

Oh, you're talking about the advertisements they have on the very top of the page? You want that off?

[real_illusions]

removing advertisments can lead to the deleting of your account on a free web hosting service when they stick ads on your page. How else do they pay the bills and make it free?

[Err]

removing advertisments can lead to the deleting of your account on a free web hosting service when they stick ads on your page. How else do they pay the bills and make it free?

Their own pocket money, lol

[superhoops]

No i have paid for the ads to be removed already. If you go to thr website www.hestoncatholicsocialclub.com you will see the lime coloured line picture logo thing. I want that to just turn black for now but seen as there is no image link in the CSS coding which it lets you edit I am doubting whether this is possible or not?

[roondog]

is it possible to make your page with out the template? If it is copy the source of the template then paste it as your html. Then remove

style="background: transparent url('http://images.freewebs.com/Images/null.gif') no-repeat center"

from logo-div style.it will look like this

[Err]

No i have paid for the ads to be removed already. If you go to thr website www.hestoncatholicsocialclub.com you will see the lime coloured line picture logo thing. I want that to just turn black for now but seen as there is no image link in the CSS coding which it lets you edit I am doubting whether this is possible or not?

I see now. That's not an image, it's a script (JavaScript) that's running. But wow, if you paid for it then freewebs shouldn't be adding ANYTHING to your page. You can remove the navigation bar at the top by going into your code in the page and remove this line:

<script type="text/javascript" src="http://images.freewebs.com/JS/fw.js"></script><script type="text/javascript" src="http://images.freewebs.com/JS/Toolbar/toolbarLoader.js"></script><script type="text/javascript" src="http://images.freewebs.com/JS/Toolbar/fwToolbar.js"></script>

You can remove it completely so you will never see it again or maybe turn it into a different color if you still want it.