[Solved] Issue with changing background-color etc.

[knowledgenotebook]

Hi,

My current website has a dark background-color. Users have complained about it. So, I attempted to use #D6D6DA for background-color of #8e8e8e, and replacing color of #ffffff (for text) with #8e8e8e. However, it had no effect.
See this page,
http://www.knowledgenotebook.com/index_dev.html

What’s wrong?
Thanks.

[Paulie_D]

What CSS rule did you try and change?

You should know by now how to use the Developer Tools that come with your browser to inspect the CSS defined for elements on the site.

For that matter, you should have the basic design information available to you when the site was first constructed.

The production CSS file should probably have comments about what basic styles are in place.

[knowledgenotebook]

As said earlier, I’m not into CSS because it’s an illogical beast. I knew the site has 6 CSS files, I did global search and replace for all the instances of Black color for #D6D6DA, and #ffffff (for text) with #8e8e8e to no effect. So, my question is to get it done?

Thanks in advance.

[sogeti.scott]

In your style2.css file, line 534:

#content {url(../img/bg-content.jpg) 0 0 repeat #1f1e21}

Points to a file that does not exist and defines the background color.

For the font, same file (style2.css), line 49:

.lead {
  font-size: 14px;
  line-height: 20px;
  color: #676667;
  margin: 0;
  text-decoration: none;
}

You need to change the color here and line 10:

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #8e8e8e;
  font-weight: bold;
  line-height: 1.2em;
}

[Paulie_D]

I knew the site has 6 CSS files,

Which is why I mentioned this.

You should know by now how to use the Developer Tools that come with your browser to inspect the CSS defined for elements on the site.

Once you find the rule that applies it will tell you not only which file is used but the line number on which the rule can be found.

[knowledgenotebook]

It seems that the key CSS rule for background color is the following:
for Style.css file at line 238,
background: url(../img/header-block.jpg) 0 0 repeat-x #1b1b1c;

Now, it seems quite involved to make responding text color etc. changes as well…

Thank you all for your input.

[Author]

Posts