Jump to content

Turning Logo to Background Colour


superhoops
 Share

Recommended Posts

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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?
Link to comment
Share on other sites

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;}
Link to comment
Share on other sites

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 :)
Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...