"fresh and clean" code for color change on links

• 

  erinmidwife · Member · Apr 1, 2012 at 2:59 pm

  • Copy link
  • Add topic to favorites

  http://erinmidwife.com

  I am trying to change all the links on my “fresh and clean” site from the default blue to the turquoise. I’ve managed to change some of the widget links and navigation links but there are some holdouts I cannot figure out how to change:

  1) the color of the navigation link to the page you are currently on
  2) the comment number
  3)hover link color for post titles

  Thank you for any help!!

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

• 

  designsimply · Member · Apr 3, 2012 at 12:37 am

  • Copy link

  By default, the links in the Fresh & Clean theme are set to #0099ff. To find out all of the places that color code is set, I searched for it on the original stylesheet (which is linked on the Appearance → Custom Design → CSS page for your blog’s current theme).

  Here is the Fresh & Clean stylesheet:
  https://s-ssl.wordpress.com/wp-content/themes/pub/fresh-and-clean/style.css?m=1333043809g&minify=false

  Here is all of the CSS from that page using #0099ff:

  a {
  	color: #0099ff;
  }
  
  #access a:hover {
  	color: #0099ff;
  }
  
  #access li:hover > a,
  #access ul ul :hover > a {
  	color: #0099ff;
  }
  #access ul ul a:hover {
  	color: #0099ff;
  }
  #access .current_page_ancestor > a,
  #access .current_page_item > a,
  #access .current_page_parent > a,
  #access .current-menu-ancestor > a,
  #access .current-menu-item > a,
  #access .current-menu-parent > a {
  	color: #0099ff;
  }
  #access .current_page_ancestor > a:hover,
  #access .current_page_item > a:hover,
  #access .current_page_parent > a:hover,
  #access .current-menu-ancestor > a:hover,
  #access .current-menu-item > a:hover,
  #access .current-menu-parent > a:hover {
  	color: #0099ff;
  }
  
  .entry-title a:hover {
  	color: #0099ff;
  }
  
  .entry-meta a {
  	color: #0099ff;
  }

  You can actually combine those all into one selector and set the color change once:

  a,
  #access a:hover,
  #access li:hover > a,
  #access ul ul :hover > a,
  #access ul ul a:hover,
  #access .current_page_ancestor > a,
  #access .current_page_item > a,
  #access .current_page_parent > a,
  #access .current-menu-ancestor > a,
  #access .current-menu-item > a,
  #access .current-menu-parent > a,
  #access .current_page_ancestor > a:hover,
  #access .current_page_item > a:hover,
  #access .current_page_parent > a:hover,
  #access .current-menu-ancestor > a:hover,
  #access .current-menu-item > a:hover,
  #access .current-menu-parent > a:hover,
  .entry-title a:hover,
  .entry-meta a {
  	color: #0099ff;
  }

  1) the color of the navigation link to the page you are currently on

  All the selectors in the examples above that start with “#access .current_page_” cover this one.

  2) the comment number

  “.entry-meta a” covers the comment number link.

  3)hover link color for post titles

  “.entry-title a:hover” covers the hover link color for post titles.