Debut theme – CSS for color of text

• 

  magnusf2 · Member · May 11, 2012 at 2:37 pm

  • Copy link
  • Add topic to favorites

  Hi!

  My site: http://magnusfroidh.wordpress.com

  I have the “debut” theme and I´m wondering how to:

  1 – Change the color of titles of the posts? Both in the “blog” template where they are summarized, and when one clicks them to read the whole post.

  2 – Change the color on SOME of the categories in the categories widget. In my page I want to change the color of the three main categories that has a number in front of them (1,2,3). But the categories within these three categories are to remain black.

  3 – Change the color of the page title. For example “blogg” or “om mig”, as you can see in my page.

  What are the CSS codes for this? I´ve looked through the forums but I can´t find anything that works…

  And how do I know what color code to use?

  Thanks! 8)

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

• 

  designsimply · Member · May 11, 2012 at 2:43 pm

  • Copy link

  I edited your blog URL to have “http://” in front of it so it will be clickable.

  I’ll work through the several questions you posted here, but one at a time.

  And how do I know what color code to use?

  Check out these links:

  1. http://www.htmlgoodies.com/tutorials/colors/article.php/3478951
  2. http://en.wikipedia.org/wiki/Web_colors
  3. http://www.htmlgoodies.com/tutorials/colors/article.php/3478961/So-You-Want-A-Basic-Color-Code-Huh.htm

• 

  designsimply · Member · May 14, 2012 at 3:38 pm

  • Copy link

  1 – Change the color of titles of the posts? Both in the “blog” template where they are summarized, and when one clicks them to read the whole post.

  To change the color of post titles on the Debut theme posts list page as well as single posts, you can add the following to your Appearance → Custom Design → CSS:

  .entry-title a,
  .entry-title {
  	color: red;
  }

  Change “red” to a color of your choice.

• 

  designsimply · Member · May 14, 2012 at 3:45 pm

  • Copy link

  2 – Change the color on SOME of the categories in the categories widget. In my page I want to change the color of the three main categories that has a number in front of them (1,2,3). But the categories within these three categories are to remain black.

  Give this a try:

  .widget_categories .cat-item .children .cat-item a {
  	color: #f00 !important;
  }
  
  .widget_categories .cat-item .children .cat-item .children .cat-item a {
  	color: #000 !important;
  }

• 

  designsimply · Member · May 14, 2012 at 3:47 pm

  • Copy link

  3 – Change the color of the page title. For example “blogg” or “om mig”, as you can see in my page.

  Try this:

  .page-title {
  	color: #f00;
  }

  Adjust the color code to your liking.