Font colour customisation

• 

  copyfoxadmin · Member · Dec 9, 2011 at 10:00 pm

  • Copy link
  • Add topic to favorites

  My links are appearing in blue shadowed font – how do I fix this? I just want them to be orange, as per the rest of my site style.

  The widget links in the footer are also invisible, appearing transparent against the background – does anyone know how to fix this?

  I use the Vostock theme.

  Thanks for your help!

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

• 

  thesacredpath · Member · Dec 9, 2011 at 10:14 pm

  • Copy link

  You set the blue color in your custom CSS. Edit the color to what you want and then add the second declaration below to get rid of the text shadow.

  #header a:link, #header a:visited {
  color: #0099CC;
  text-shadow: 0 0 transparent;
  }

  You also have a “hover” color set here in case you want to change that too.

  #header a:hover, #header a:active, #header a:focus {
  color: #FFFFFF;
  }

  You again need to edit the font color you have declared in your custom CSS.

  .widget-area a:link, .widget-area a:visited {
  color: #FF9900;
  }

  You also might want to edit the font color in the footer.

  #footer a:link, #footer a:visited {
  color: #FF9900;
  }
  
  #footer a:hover, #footer a:active, #footer a:focus {
  color: #FFFFFF;
  }

• 

  copyfoxadmin · Member · Dec 10, 2011 at 3:46 am

  • Copy link

  Thanks thesacredpath – very helpful, I’m much happier with the way it looks – your advice cracked it! :)

• 

  thesacredpath · Member · Dec 10, 2011 at 7:32 am

  • Copy link

  You are welcome.