WordPress.com

1. riverwayranchcamp
   Member
   Jan 18, 2013, 11:21 PM

   Hi everyone, I would like to change the font and color of the text in my menu on the left (the green one). Would also like to change the hover color of the same menu if possible.

   Any ideas?

   Cheers

   Simon

   The blog I need help with is riverwayranchcamp.wordpress.com.

2. picturesquekeepsakes
   Member
   Jan 31, 2013, 3:06 AM

   I just recently did the same thing using the "Thirteen" theme. If you look in the css, you should be able to find the appropriate code to change. I am a novice with css, but this is the code from the theme I am using and where I changed it. I also have a left-hand sidebar in my site. Under "hover", I changed the color of the text when hovered over, but you can also change the hover color by changing the # of the background color. Under "sidebar", I changed the text color as you see it upon logging on.

   If you don't see anything labeled "sidebar" in the css, maybe look for "nav" and make the necessary changes there... :)

   Hope this makes sense and that it helps.

   #sidebar a:hover, #footer a:hover {
   background-color: #A3963B;
   color: #660033;
   }

   #sidebar {
   color: #cc9966;
   list-style-type: none;
   }

3. thesacredpath
   Staff
   Jan 31, 2013, 4:00 AM

   @icturesquekeepsakes, CSS is theme specific, so the CSS in the theme you are using is different from the Oxygen theme used by @riverwayranchcamp.

   Font color (non-hover), family and size:

   .menu-secondary li a {
   color: #CCCCCC;
   font-family: Arial;
   font-size: 0.833333em;
   }

   Font color on hover. (edit the color as desired from what I have shown)

   .menu-secondary li a:hover {
   color: #CC0000;
   }

Topic Closed

This topic has been closed to new replies.