• 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.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘multiple css in jQuery accordion widget’ is closed to new replies.