multiple css in jQuery accordion widget
-
Hello everybody,
I’ve got a problem using two CSS style files in the jQuery Accordion Menu Widget. I want to have the head-buttons to be like they are right now and the submenu items to be different. You can watch the example here: http://bit.ly/Xq1ELe
I’ve tried several things, but none of them worked. Can someone please tell me what to do?In the script.js (jQuery) is the following code:
var g = jQuery('.art-layout-glare-image'); jQuery(window).bind('resize', function () { g.each(function () { var i = jQuery(this); i.css('height', i.parents('.art-layout-cell').height() + 'px'); }); });In the CSS file I specified the submenu items and made a custom style for them:
#menu-item-118, #menu-item-206, #menu-item-116, #menu-item-205, #menu-item-207, #menu-item-112, #menu-item-111, #menu-item-110, #menu-item-109, #menu-item-197, #menu-item-198, #menu-item-199, #menu-item-208, #menu-item-195, #menu-item-194, #menu-item-193, #menu-item-201, #menu-item-202 { color: #961818; padding: 0 0px; margin: 0 0; line-height: 33px; font-family: "HelveticaNeueLT Com 35 Th",Arial, Helvetica, Sans-Serif; font-size: 12px; text-align: left; text-decoration: none; position: relative; display: block; overflow: hidden; height: 33px; width: 150px; cursor: pointer; border-width: 0; }When I analyse the website with firebug, it says:
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113 dcjq-parent-li"> <a href="http://www.mutuatestcenter.com/?page_id=74"> <ul class="sub-menu" style="display: block;"> <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"> <li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-206"> <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"> <li id="menu-item-205" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-205"> <li id="menu-item-207" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-207">I’ve also tried giving them custom CSS classes in the WordPress Appearances – Menus page, but that also doesn’t work.
I’m pretty desperate, can someone give me the magic solution? Thank you very much in advance.
The topic ‘multiple css in jQuery accordion widget’ is closed to new replies.