Vigilance default font not changing

• 

  vergiftet · Member · Mar 14, 2009 at 3:18 pm

  • Copy link
  • Add topic to favorites

  Hello everybody,

  I do realize there is no official CSS-help, but maybe some of you have an idea how to overcome this problem.

  So, I’ve easily found the line to change the background color of Vigilance, but I – and my CSS-php-knowing friend – cannot seem to figure out how to change the default font. It can easily be that it’s “automatic”, so I tried to add an extra line with the new #hex. (I want entirely black background with white fonts.) Nothing seems to work.

  Any ideas are warmly welcome.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 14, 2009 at 4:28 pm

  • Copy link

  The general font color for the entire blog is controlled in body (links will remain bluish unless you change them separately).

  The white background for the post/widget area is in #wrapper

• 

  vergiftet · Member · Mar 14, 2009 at 6:57 pm

  • Copy link

  Yes, but if I add the following line to body, still nothing changes:

  body {
  background:#000000;
  }
  font color:#FFFFFF;

• 

  thesacredpath · Member · Mar 14, 2009 at 7:21 pm

  • Copy link

  You don’t want to put in “font color” what you want to do is change the “color” under body as in below:

  `body {
  color: #ffffff
  }

• 

  thesacredpath · Member · Mar 14, 2009 at 7:22 pm

  • Copy link

  Forgot the ending backtick:

  body {
  color: #ffffff
  }

• 

  thesacredpath · Member · Mar 14, 2009 at 7:23 pm

  • Copy link

  Sheesh, then I forgot the semicolon.

  body {
  color: #ffffff;
  }

• 

  vergiftet · Member · Mar 15, 2009 at 4:14 am

  • Copy link

  Oh, thanks a lot!!!

  Now the only thing I cannot change is the comment-background color. Wonder which part can that be!

• 

  thesacredpath · Member · Mar 15, 2009 at 4:38 am

  • Copy link

  For the grey background change the background color here:

  div.c-single, li.comment {
  background:#EFEFEF none repeat scroll 0 0;
  }

  For the white background color change the background color here:

  div.alt, li.thread-odd {
  background:#FFFFFF none repeat scroll 0 0;
  }

  What allowed me to identify these so quickly and accurately was the Firebug addon for Firefox. Using the “inspect” mode I can hover my mouse over areas in the page and it will go to the correct section in the CSS, then I can temporarily try different things and immediately see the results of my change. You might think about getting that addon – and Firefox if you do not already have it – and working with it a little. It makes investigating, trying and changing CSS stuff very easy.

  There is also the web developer addon for Firefox which is sort of the kitchen sink of web development tools, but it has a steeper learning curve than the Firebug addon.