View Single Post
  #1  
Old 03-31-2011, 10:45 PM
mhuber mhuber is offline
Registered User
Genesis Member
 
Join Date: Nov 2010
Posts: 66
Default CSS class for custom menu - alignment issue and active page issue

I set up a custom menu in the secondary sidebar, and customized the css.

The menu aligns right instead of aligning center. I'd prefer to widen it towards the left, but I'm not able to control the width, so centering it is just a compromise.

The active page feature does not work on the menu buttons

The name of the class entered in WP for each menu item is sidebarmenu.

Here is the css ...

.sidebarmenu a {
display: block;
background-color: #990033;
border-top: 1px solid #dddddd;
text-decoration: none;
font-size:12px;
text-align:right;
font-family:vedana, arial, sans-serif;
font-weight:bold;
padding: 7px 20px 7px 6px;
color: #FFFFFF;
line-height:1;
background-image:url(http://www.thewealthydentist.com/ima...nu-arrow.gif);
background-position:right;
background-repeat:no-repeat;
}

.sidebarmenu a:hover, .sidebarmenu a:active, .sidebarmenu a:focus {
background-color: #996666;
}

The site is located here ...

http://vps2612.inmotionhosting.com/~...5/development/