How to change menu color in Mocha theme

Community Forums Forums Design Tips and Tricks How to change menu color in Mocha theme

This topic is: not resolved

This topic contains 5 replies, has 4 voices, and was last updated by  segalp1 2 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #59354


    Where do I go in the style sheet to change the color of the menu bar in the Mocha theme?


    On line 182 of your stylesheet, look for this:

    /* Header
    ———————————————————— */

    #header {
    background: #322620 url(images/dark-bg.png);

    There’s an image there which you will need to remove (or replace), and then you can change the color.

    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts



    Susan does this work with mocha 2.01?

    Also is it possible to change the side bar menu color?

    Here’s our website –

    just don’t like any of the mocha color cominations.

    Sorry if I’m hacking your post.



    Here’s what I found in the editor mode on the css sheet – /* Header
    ———————————————————— */

    #header {
    background: #322620 url(images/dark-bg.png);
    margin: 0 auto;
    min-height: 50px;
    overflow: hidden;
    text-shadow: 1px 1px #111;
    width: 100%;



    You should make this a separate post to get better answers, the reason being that once people see that there have been answers to the original post they might not look at your post tacked onto the end. Also if the original poster marks their query as resolved you won’t get an answers at all.

    To answer your question, you can remove the sidebar images, there are 2 instances of them in the css file and add back in a different image or background color.

    Need Website Customization or a Responsive CSS fix? Contact Me



    found them, thank you.

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

You must be logged in to reply to this topic.