Support » Fixing WordPress » Changing the menu bar color

  • I am not a tech savvy person…at all. I am trying to change the color of the menu bar on our company website. I was hoping someone could give me non-technical instructions on how to do this..please?

    I have tried changing the theme and changes everything about the site. All of the links get scrambled up and nothing looks right. Changing the theme is not an option for me. Any suggestions?

Viewing 4 replies - 1 through 4 (of 4 total)
  • http://codex.wordpress.org/Forum_Welcome#Include_as_much_information_as_possible

    the formatting, i.e. how the colors are defined in the stylesheet, is theme specific.
    without seeing the site live, it will be virtually impossible to make any useful suggestions.

    can you provide a live link to your site to illustrate the menu colors?

    Thread Starter sawood12

    (@sawood12)

    Unfortunately I cannot provide the link to the website because it is an internal website only. We do not allow anyone to access the site from outside of the building. I am not sure if it helps but we are just using the generic theme that wordpress provided (Twenty Eleven 1.5 by the WordPress team). I have done some research on it and it looks like I need to go into the code and rewrite the color, but I wouldnt even know where to begin with that. Plus it just sounds super confusing and way beyond my skill set.

    Read up on Firebug. This application allows you to inspect different elements of your site page through your browser (e.g. header/menu bar/widgets), and to identify which elements of the css code are styling them. This css code will look something like:

    .main-navigation {
        background-color: #2e2e2e;
        display: block;
        padding: 1em 2.42857em;
    }

    So, if you inspected the menu bar and the css is showing a (hex code) colour of #2e2e2e, you could adjust that code in Firebug and see how it looked before making any changes.

    When you are ready to make changes, you either need to edit (or create) the style.css file in your child theme, or install a plugin that allows you to add custom css code without changing the theme’s original files.

    This is important because a) if you modify your theme’s parent files and make a mistake you can break your site and b) when you update your theme you will overwrite any modification to the parent theme.

    http://codex.wordpress.org/Child_Themes
    https://wordpress.org/plugins/simple-custom-css/

    If it’s not too late you can use menubar colour changer on twenty eleven.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing the menu bar color’ is closed to new replies.