You will see I have 3 buttons along the top, the middle one (with child menus) has no gradient
What I want is:
- All buttons along the top with the same gradient
- All text color should be #663300, except the active and hover which I want as #FFFFFF
- For the drop down (child) menu, I want the background to be #AAC95F (no background image, just the color)
- For the drop down (child) menu, I want the same text colors, #663300 as the normally displaying font color and #FFFFFF as the active and hover
- When you click on a child menu top level item, or child item, I want everything to stay the same as above.
Make sense ?
I have been struggling with this for 2 nights, even with this forum and firebug, and I need to move on :-)
Please don't PM me, please respond here, so others can benefit from your wisdom :-) First person who gets this working as I need gets the $20.
Mods: If I am breaking a forum protocol here, please let me know. I am getting frustrated here, so I would like a quick resolution, thought this might be the quickest way :-)
Other information: Here is my current CSS inserts:
Code:
/* Remove background from menu bar */ div#menu1 ul.rMenu { background: none; } /* Create spacing between menu buttons */ ul.rMenu-hor li { margin-right: 10px; } ul.rMenu li a { background-image: url(wp-content/uploads/2009/09/gradient.jpg) !important; } ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active, { background-image: url(wp-content/uploads/2009/09/gradient.jpg) !important; }
Willsy