How to change menu bar color and center page titles?

  • Theshoop99

    (@theshoop99)


    11 years, 2 months 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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Timothy Jacobs

    (@timothyblynjacobs)

    11 years, 2 months 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;}

    Thread Starter Theshoop99

    (@theshoop99)

    11 years, 2 months 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,
    Kyle

    Timothy Jacobs

    (@timothyblynjacobs)

    11 years, 2 months ago

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change menu bar color and center page titles?’ is closed to new replies.