How Do I change the font style of ONLY my 'pages' links?

• 

  kkubik2 · Member · Dec 21, 2011 at 7:07 pm

  • Copy link
  • Add topic to favorites

  I want to change the font and color of the text of my ‘pages’ links. These appear in the righthand sidebar. I cannot figure out what to type into the CSS stylesheet editor to do this. I ONLY want to change the link color of my page links. Not the other links that exist on my blog.
  Blog url: http://thewhippedbakery.wordpress.com/

• 

  chrisrudzki · Member · Dec 21, 2011 at 7:18 pm

  • Copy link

  You can try something like this:

  .widget_pages a:link {
  font-family:Georgia,Serif;
  color: #000;
  }

  This guide might come in handy if you’d like to learn more about styling links with CSS:
  http://www.w3schools.com/css/css_link.asp

• 

  kkubik2 · Member · Dec 21, 2011 at 9:58 pm

  • Copy link

  Thanks, I just tried to paste it into my CSS and nothing happened? Is there something else I should put before it before I paste?

• 

  staff-blorbo · Staff · Dec 21, 2011 at 11:24 pm

  • Copy link

  That doesn’t appear to have been added to the CSS tab at Appearance -> Custom Design.

  Make sure that you save after adding it, and clear your browser’s cache to make sure that you aren’t looking at an old version.

• 

  kkubik2 · Member · Dec 21, 2011 at 11:42 pm

  • Copy link

  That’s because I was just clicking ‘preview’ after I pasted it in and since it wasn’t showing up I didn’t save it. I just saved it though to double check and it still doesn’t work. Sorry to keep bugging you guys!

• 

  staff-blorbo · Staff · Dec 21, 2011 at 11:51 pm

  • Copy link

  You had some excess characters in your CSS file.

  Those are gone now, and it seems to be working properly.