Making Font Darker – black

• 

  jeff4093 · Member · Dec 8, 2011 at 10:47 pm

  • Copy link
  • Add topic to favorites

  How do I make the font darker. No matter what style I choose, the font is too light. I know very little about CSS. Probably just enough to get by and be dangerous…so please walk me through. Thanks.

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

• 

  timethief · Member · Dec 8, 2011 at 10:52 pm

  • Copy link

  Please post an active link to the blog in question starting with http:// and know that all CSS editing is theme specific.

• 

  timethief · Member · Dec 8, 2011 at 10:53 pm

  • Copy link

  Is this the blog you have the custom design upgrade for? http://thecoffeehouseblog.wordpress.com/

• 

  designsimply · Member · Dec 8, 2011 at 10:56 pm

  • Copy link

  To change the color of a font, you can add a rule to change the font color. Here is a very basic example:

  p {
  color: #000;
  }

  The trick is setting the color on the right selector, which can vary by theme or by exactly what text you want to adjust. And as timethief mentioned, if you send us a link and describe what text you want to make darker (headings?, body text? widget areas?), then we can help with a more specific example.

• 

  designsimply · Member · Dec 8, 2011 at 11:56 pm

  • Copy link

  @timethief, to see if someone has the Custom Design upgrade, view the page source and look for “wp.com/?custom-css”. If they have the upgrade, then there will be a link tag in the html head with a reference to their custom CSS and that is part of the URL. You can see all of the CSS there too (good for debugging).

  Side note: some browsers don’t seem to be able to parse the ampersand character entities in the custom CSS URL, and if that happens you just need to change & 038 ; (no spaces) to & in the URL to get it to work.

• 

  jeff4093 · Member · Dec 22, 2011 at 10:36 pm

  • Copy link

  Timethief and designsimply – My blog address is

  http://proempirica.com/

  The template is Elemin.

  I appreciate the help. I think the template is great. My only issues are font color and somehow getting a dividing line between the posts. I’m just learning CSS so hopefully you can show me exactly where I insert the poetry (code). Thanks again.

• 

  designsimply · Member · Dec 22, 2011 at 10:50 pm

  • Copy link

  There is a whole group of elements in the Elemin theme which work to make the body font light gray. This is done in the main Elemin style sheet using “color: #666;” You can see how many times it’s used by looking at theme’s stylesheet here:

  https://s-ssl.wordpress.com/wp-content/themes/premium/elemin/style.css?m=1323834870g&minify=false

  To change all of the light gray text to red (as an example) in the Elemin theme, try this to start, then adjust the color to whatever you want:

  article, .widget-area, .entry-meta .byline a, .entry-meta .byline a:hover, .entry-date a, .entry-date a:hover {
  color: red;
  }

  See how that list of selectors is comma-separated? “article” and “.widget-area” get the bulk of the text inside posts and in the sidebar, while the selectors “.entry-meta” covers the text in the byline on the left.

  Here is a list of color names you can use: http://en.wikipedia.org/wiki/Web_colors#HTML_color_names