How cam i change the background colour of the site?

[westhaven]

How cam i change the background colour of the site?
which files should be used to make changes ?

[David]

I moved this over to the design forum. It's going to be in the body tag in the main.css file. See if you can find it. If not, hopefully someone can post the answer for you. Let us know what you find.

[Valtar]

Hi westhaven,

David is correct to change the background color look in your main.css look for this:

Content visible to registered users only.

It should be at the top of the main.css

In this line:
Content visible to registered users only.

you should change the #FFFFFF to what you like. Use a html color chart to get a new color. you can find one here:

http://www.immigration-usa.com/html_colors.html

Johnny

[westhaven]

now how can i change the colour of anchor text that is categories and subcategories it shows blue colour. Now i don know where to change its color in main.css :?:
One more prob i am facing in my site www.dir-submission.com
when you go to submit link page there in the text boxe if you write something then it shows half text dispalyed only. Now what prob is that and how can it be rectified?

Very thanks to Valtar and david :)

[Valtar]

Content visible to registered users only.

First open your main.css

Find,

Content visible to registered users only.

When you find this goto the part of the code that has

Content visible to registered users only.

Change to

Content visible to registered users only.

This should take care of the half text display. if not you could try and put 18px instead of 16px

[Valtar]

Content visible to registered users only.

OK, to change the Color of the links open main.css

add this code to the bottom:

Content visible to registered users only.

and like in the background you can change the #000000 to whatever colors you like useing the html color chart.

hope this helps,

[westhaven]

I can't see any code in my main.css file to change the colour of links as specified bu you. Here is my main.css :
body {
background: #Fde5f2;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
}
.c {
float: left;
}
.cr {
clear: left;
}

td {
vertical-align: top;
padding: 5px;
}

h1 {
font-size: 14pt;
margin: 5px 0 5px 0;
}

h2 {
font-size: 10pt;
margin: 0;
padding: 0;
}

h3 {
color: #5e74b3;
font-size: 8pt;
padding: 0;
border-bottom: 1px dotted #5e74b3;
}

#descr {
padding: 0px;
margin: 0 0 5px 0;
}

table.formPage {
border: 1px solid #A0A0A0;
}
td.err {
padding: 3px;
color: #FF0000;
background: #FFEDED;
border: 1px solid #A0A0A0;
text-align: left;
}
td.msg{
padding: 3px;
color: #0000FF;
background: #EDF3FF;
border: 1px solid #A0A0A0;
text-align: left;
}
.label {
text-align: right;
}
.buttons {
border-top: 1px solid #A0A0A0;
text-align: center;
}
.count {
color: #6f6f6f;
font-size: 8pt;
font-weight: normal;
}
#links a {
font-size: 10pt;
}
#links p {
margin: 0 0 7px 0;
}
.url {
color: #6f6f6f;
}
#path {
margin-top: 2px;
padding: 3px;
background: #DDE2EC;
line-height: 19px;
border-top: 1px solid #5e74b3;
}
.submit {
float: right;
vertical-align: bottom;
}

.text, .btn{
font-size: 8pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
input.text {
color: #000000;
border: 1px solid #5e74b3;
height: 13px;
}
textarea.text {
font-size: 8pt;
border: 1px solid #5e74b3;
}
select {
font-size: 8pt;
border: 1px solid #5e74b3;
}

.captcha {
border: 1px solid #5e74b3;
margin-top: 10px;
}

form {
display: inline;
margin: 0;
padding: 0;
}
.btn{
font-size: 8pt;
font-weight: bold;
border: 1px solid #5e74b3;
background-color: #FFCC33;
height: 17px;
}
span.req{
margin-left: 3px;
color: #FF0000;
font-weight: bold;
}

div.errForm, span.errForm {
margin: 0px 0 0px 5px;
padding: 2px 3px 2px 3px;
color: #FF0000;
background: #FFFFF3;
border: 1px solid #cccccc;
text-align: left;
clear: right;
}
.small, .small a {
padding: 0px;
margin: 0px;
color: #909090;
font-size: 7pt;
text-decoration: none;
}
.sort {
color: #000000;
}
p.subcats {
margin: 0px 0px 7px 0px;
padding: 0px;
}
div.pr {
font-size: 6pt;
color: #000000;
float: left;
height: 30px;
margin-right: 5px;
}
div.prg{
width: 40px;
border: 1px solid #999999;
height: 3px;
font-size: 1px;
}
div.prb{
background: #5eaa5e;
height: 3px;
font-size: 1px;
}

div.footer{
text-align: center;
border-top: 1px solid #E0E0E0;
padding: 3px 0 0 0;
margin-top: 50px;
}
div.footer a{
color: #606060;
}


now pls tell me where should i change the colour of my links in this code

[Valtar]

westhaven,

That is because it's not there, what you have to do is ADD the code I provided above to your main.css then you will be able to change the colors.
When that code is not added you get the default colors. (blue, etc, etc.)
Johnny

[Anonymous]

thank you very much VALTAR

[Valtar]

Your very welcome. :P