jQuery Vertical Accordion Menu color change help!!

Hi Jon, what color do you want to make the menu? I downloaded a version of the menu and it also comes in different colors. You can achieve that by pointing to the different CSS file within your header.php file.

The line you are looking for if you are using the black.css menu file which looks like you are is:

#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #000 url(skins/images/graphite_arrow_right.png) no-repeat 0 0; font-weight: bold; color: #fff;}

What you wanna do is change the background selector either to a solid color or you can provide a subsitute image instead of the default one. Hope that helps.

Thanks Samiam

I would like to make the background of the menu a shade of brown color similar to this color #A65400

just so that is blends in to the sidebar what do you suggest i do now that i know the color?

Thanks a million

Ok this should work, on this line:

{background: #000 url(skins/images/graphite_arrow_right.png) no-repeat 0 0; font-weight: bold; color: #fff;}

take out: #000 url(skins/images/graphite_arrow_right.png) no-repeat 0 0

and replace with: background: #A65400

that will get rid of the background image of the menu bar and replace it with the color you specified.

Thanks Sam I am

I think I will have green eggs and ham!!!!

Wohoo looks much better, buti still have one problem, the pages that pop open, are slightly discolored…

can you see that?

Do the same thing for the for these two lines as well:

#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #000 url(skins/images/graphite_arrow_down.png) no-repeat 0 0;}
#dc_jqaccordion_widget-%ID%-item ul a:hover {background: #121212;}

that should do the trick

i tried that they are all the same color as the rest…

#dc_jqaccordion_widget-%ID%-item{font: bold 14px Arial, sans-serif;}
#dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
#dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 10px 10px 28px; background: #A65400) repeat-x 0 0; text-decoration:none; display: block; color: #fff; font-weight: normal;border-bottom: 1px solid #fff;}
#dc_jqaccordion_widget-%ID%-item ul ul a {background: #A65400}
#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #A65400}
#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #A65400}
#dc_jqaccordion_widget-%ID%-item ul a:hover {background: #A65400}

am i missing something?

It looks like three menu items have the mismatched color, trying chaning the color for this selector:

#dc_jqaccordion_widget-3-item ul a.dcjq-parent.active: