How to change menu bar color and center page titles? (4 posts)

  1. Theshoop99
    Posted 3 years ago #

    I've spent some time looking for answers to the following online but give up? If anyone can help out, I'd appreciate it very much!

    1- the color of the lower bar on the menu is yellow and I'd like to change it. I know the hex code of the color but just can't find the code to change. Can anyone point me to it?

    2- I'd like to center the title on each page rather than it being left justified. This isn't needed for the home page, just the other pages. Can anyone show me what to change/add?

    My website is http://www.kyleshoop.com

    Thanks again!

  2. Timothy Jacobs
    Posted 3 years ago #

    The background is an image. Just locate that image, and change the color.

    #access .menu .current_page_item a, #access .menu .current-menu-item a {
    background-image: url(images/menu-bg.png);

    For center aligning the post titles try this:

    header h1 {text-align: center;}

  3. Theshoop99
    Posted 3 years ago #

    Thanks, couple of follow up questions:

    - I'm not talking about changing the color of the background image, but the color of the yellow bar which underlines the menu selection on the home page main menu. (see http://www.kyleshoop.com). I don't think this is what you were talking about - am I missing something?

    - Where do I put the code for aligning the post titles?

    Thanks again,

  4. Timothy Jacobs
    Posted 3 years ago #

    The menu link background is controlled by that image. Add that code to your style.css. Or better yet a child theme.

Topic Closed

This topic has been closed to new replies.

About this Topic