Font color changes in Chunk theme

• 

  widdla · Member · Dec 21, 2011 at 7:30 pm

  • Copy link
  • Add topic to favorites

  I’m looking to change the color of my page links/menus to white. The specific links are “About”, “Best Songs of 2010,” “Home,” “Welcome to Whiskey and Music” etc. I’d also like to be able to change my default font color for the text of the posts as well. I have them white now, but I accomplished that by making adjustments on the post via html.

  I’ve searched around and found tons of alterations I can make to other parts of the site using Chunk, but I can’t seem to be able to change these.

  I’m very new to this, but I’m trying to learn. I appreciate the help!

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

• 

  widdla · Member · Dec 21, 2011 at 7:32 pm

  • Copy link

  Oh, also the “Categories,” “Recent Posts”, “Archives” and the text of my tweets would be great to change as well.

• 

  thesacredpath · Member · Dec 21, 2011 at 8:10 pm

  • Copy link

  Main content color

  body {
  color: #555555;
  }

  Normal links colors (widgets and content)

  a {
  color: #000000;
  }

  Menus

  #menu a {
  color: #666666;
  }
  
  #menu a:hover {
  color: #000000;
  }
  
  #menu ul li.current_page_item > a, #menu ul li.current_page_ancestor > a, #menu ul li.current-menu-item > a {
  color: #111111;
  }

  Entry titles

  .entry-title, .entry-title a {
  color: #666666;
  }
  
  .entry-title a:hover {
  color: #36BCAB;
  }

  Category

  .hentry .entry-meta .cat-links a {
  color: #777777;
  }
  
  .hentry .entry-meta .cat-links a:hover {
  color: #36BCAB;
  }

  Widget titles

  .widget-title {
  color: #555555;
  }
  
  .widget-title a {
  color: #000000;
  }

• 

  widdla · Member · Dec 21, 2011 at 8:21 pm

  • Copy link

  Thank you for the help.

  I am copying and pasting these codes into my stylesheet, and nothing seems to be changing in the preview. Any ideas as to what I’m doing wrong?

• 

  thesacredpath · Member · Dec 21, 2011 at 8:36 pm

  • Copy link

  You have to change the color codes. All the color codes listed are the original colors.

• 

  widdla · Member · Dec 21, 2011 at 10:05 pm

  • Copy link

  You are a smart man. I am not.

  That seemed to work on the widgets I had added, but not the “Recent Posts” “Archives” or “Categories” section. Should I enter something different for those?

• 

  thesacredpath · Member · Dec 21, 2011 at 10:25 pm

  • Copy link

  You need to edit the color here. It is still the original hex value.

  .widget-title {
  color: #555555;
  }

• 

  widdla · Member · Dec 22, 2011 at 1:01 am

  • Copy link

  That worked perfectly, sir. is there a place I can go to look this stuff up, so I don’t have to keep asking you when I can’t figure something out? I appreciate the help, but I feel bad. It’s like a “teach a man to fish” scenario.

  I’m currently trying to change the color of the main site title and the hover color when I go over “Best Songs of 2010” and “About.”

• 

  thesacredpath · Member · Dec 22, 2011 at 2:01 am

  • Copy link

  I would suggest getting the firebug add-on for Firefox. It allows you to identify the selectors for the various page elements and even allows you to try changes in real-time.

  The main site title is here.

  #site-title a {
  color: #000000;
  }
  
  #site-title a:hover {
  color: #36BCAB;
  }

  The menu item hover is here.

  #menu li:hover > a, #menu ul ul:hover > a {
  color: #444444;
  }

• 

  widdla · Member · Dec 22, 2011 at 2:10 am

  • Copy link

  I really appreciate it. Thank you.

• 

  thesacredpath · Member · Dec 22, 2011 at 2:26 am

  • Copy link

  You are welcome.