No replies
Joost009
Joost009's picture
Offline
newbie
Last seen: 7 years 23 weeks ago
Timezone: GMT+1
Joined: 2013-03-07
Posts: 1
Points: 2

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.