Change colour of header text on post

• 

  mylesformby · Member · Apr 22, 2012 at 3:23 pm

  • Copy link
  • Add topic to favorites

  Hi I’m trying to change the header text on my posts (and all headers) to grey. I’ve done so successfully but when I click on the post it changes to black. I’ve done some dodgy CSS coding to try and change it, but can’t seem to fit it. Any suggestions? There was a forum for my theme (blaskan) on wordpress.org but apparently I can’t post questions on there, go figure.
  http://pavementportraits.com
  This is the CSS code I tried to put together:

  a:link {
  	color:#9e9a9a;
  	text-decoration:none;
  }
  h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  	color:#9e9a9a;
  	text-decoration:none;
  }
  h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
  	color:#9e9a9a;
  }
  .author {
  	display:none;
  }
  .categories {
  	display:none;
  }
  #footer {
  	border-top:0;
  }

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

• 

  designsimply · Member · Apr 24, 2012 at 10:27 pm

  • Copy link

  The following example, which you already have in the example you posted, should turn most headings to your light gray color code so this is a good start:

  h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  	color:#9e9a9a;
  	text-decoration:none;
  }
  h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
  	color:#9e9a9a;
  }

  I checked the Blaskan stylesheet, and I found that that theme also sets the link color to black for “active” links. Here is the stylesheet:
  https://s-ssl.wordpress.com/wp-content/themes/pub/blaskan/style.css?m=1333592456g&minify=false

  Here is the relevant CSS:

  a:active {
   	color:#000;
  }

  “:active” represents an element at the moment it is clicked.

  To change all active links to gray, you can add this to your Appearance → Custom Design → CSS page:

  a:active {
   	color:#9e9a9a;
  }

  Or to change active heading links only, you could add a rule like this instead:

  h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active {
  	color:#9e9a9a;
  }