WordPress.org

1. petejigsaw
   Member
   Posted 11 months ago #

   Hi All

   I've a curious problem with trying to get hover CSS coded into my sidebar.

   I am using the sidebar at http://www.westcountryballoons.com to provide page navigation inside a standard WordPress page-only site.

   However, I want to add hover coding to the navigation so the user can see which page link they are active on etc.

   The current CSS stylesheet has the following sidebar coding, but I can't for want of trying work out how or where to add in hover coding to get what I'm looking for.

   Grateful for any help.

   Thanks

   [CSS code moderated - the link to your site is enough to access the stylesheet]

2. alchymyth
   The Sweeper
   Posted 11 months ago #

   to show a different hover state, add:

   div#blog #blog_right #sidebar li a:hover {
   	color:red;
   }

   to show which page the viewer is on, add:

   div#blog #blog_right #sidebar li.current_page_item a {
   	color:green; font-weight: bold;
   }

   how to style links, general:
   http://www.w3schools.com/css/css_link.asp

   how to style fonts, general:
   http://www.w3schools.com/css/css_font.asp

3. petejigsaw
   Member
   Posted 11 months ago #

   Thanks Alchymyth - fantastic and does exactlty what I want.

   Cheers

Reply

You must log in to post.