WordPress.org

Ready to get started?Download WordPress

Forums

willingness
[resolved] Is there a way to change the black menu bar to a different color? (6 posts)

  1. JDK1313
    Member
    Posted 9 months ago #

    Is there a way to change the black menu bar to a different color?
    I looked through the php files and custom css and I don't know where to put the code. And I'm not sure my code is correct either. Can anyone guide me to changing it to a dark gray? Maybe this 636363 so I don;t have to change the font color too.

  2. Manish Suwal 'Enwil'
    Member
    Theme Author

    Posted 9 months ago #

    The best way to do is to create a child theme and modify style.css. If you don't know how to do that than Install this plugin -> http://wordpress.org/plugins/my-custom-css/

    After you install that plugin:

    1) Go to your Dashboard

    2) Go to My Custom CSS (It will be located at left side of your dashboard below Appearance after you activate the plugin).

    3) Copy and Paste the following code there and hit SAVE.

    /* =Navigation
    ----------------------------------------------- */
    #site-navigation {
    line-height: 3em;
    background-color: #636363;
    text-transform:uppercase;
    margin-top: -6px;
    }

    After doing that your menu color should change.

    If you're still having trouble or don't understand this then please tell. I'll try to explain in an easier way or recommend another method.

    Hope it helps!

  3. JDK1313
    Member
    Posted 9 months ago #

    Worked great thank you again!

  4. Manish Suwal 'Enwil'
    Member
    Theme Author

    Posted 9 months ago #

    Glad it was of help to you :)

    There are other things I've found on your blog (which you can improve):

    1) The contact form on your 'About Me' page is not working. You might want to check it and resolve the problem.

    2)Just to make sure: Is your comment system working correctly? I had left a comment at http://kathrynskitchenblog.com/?p=693 and it seems you didn't get it.

    3) The permalink structure is currently not user friendly. You might want to consider changing it. To change that go to Dashboard. There go to: Settings -> Permalinks And choose the Post Name Permalink.

  5. SuzyB
    Member
    Posted 7 months ago #

    I have two questions:
    1- How do I change the grey color in the navigation that indicates what page we're on?
    2-How do I make the pulldown area wider and the text within a bit smaller?
    Thanks

  6. Manish Suwal 'Enwil'
    Member
    Theme Author

    Posted 7 months ago #

    SuzyB,

    1- How do I change the grey color in the navigation that indicates what page we're on?

    Change the CSS. Change #444 to whichever color you want. Here, #444 is grey.

    .current_page_item {
    background-color: #444;
    }

    2-How do I make the pulldown area wider and the text within a bit smaller?

    Could you make it more clear? Did you mean the pulldown area of the menu? Do you mean the text inside the menu?

    Just as a head's up: This thread was resolved already. Please create a thread every time you want to ask new questions which isn't resolved already.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.