style sidebar custom menu widget

Community Forums Forums Design Tips and Tricks style sidebar custom menu widget

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  tribalcafe 1 year, 6 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25296

    tribalcafe
    Participant
    Post count: 8

    Hi, I and using the custom menu widget but can’t seem to figure out how to use CSS to style the menus on the sidebar differently.

    below is code taken from

    <ul id=”menu-mobilemen” class=”menu”><li id=”menu-item-1882″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1882″><a href=”http://www.1purpose.co.uk/mobile-website/create-a-mobile-website/mobile-website-features/”>Mobile Website Out of the Box Features</a></li>
    <li id=”menu-item-1883″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1883″><a href=”http://www.1purpose.co.uk/mobile-website/create-a-mobile-website/mobile-website-examples/”>Mobile Website Out of the Box Examples</a></li>
    <li id=”menu-item-1881″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1881″><a href=”http://www.1purpose.co.uk/mobile-website/create-a-mobile-website/mobile-web-design/”>Mobile Website Out of the Box – Get Started</a></li>
    <li id=”menu-item-1940″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-366 current_page_item menu-item-1940″><a href=”http://www.1purpose.co.uk/mobile-website/create-a-mobile-website/design-mobile-website/”>Custom Mobile Website</a></li>
    <li id=”menu-item-1887″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1887″><a href=”http://www.1purpose.co.uk/mobile-website/mobile-phone-website/”>Web Design Mobile FAQ’s</a></li>
    </ul>

    #25298

    frobn
    Participant
    Post count: 18

    To style the overall menu (menu container) add your custom css to #menu-mobilemen

    To style the menu items add your custom css to #menu-mobilmen .menu li

    #25301

    tribalcafe
    Participant
    Post count: 8

    First of all thank you helping- much appreciated. Just tried the following and it didn’t work:

    #menu-mobilmen {
    color: #333;
    font-size: 21px;
    }

    also

    #menu-mobilmen li {
    color: #333;
    font-size: 21px;
    }

    again no change – I am probably being a bit daft about this

    thanks

    Gary

     

    #25303

    frobn
    Participant
    Post count: 18

    You have a typo. It should be #mobilemen

    I do things like that all the time. :)

    #25310

    tribalcafe
    Participant
    Post count: 8

    Ahhh so silly when that happens – works a charm

    Once again thank you

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.