Colors Header/Footer

  • Unknown's avatar

    Hi, I need help to:
    – Change the header font colors of menu and title
    – Change the footer background and font color

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    I am on the same boat. I would like to change the color of my tagline sentence ‘A traveled journal’ to another color….its light grey right now and blends in with the background picture. I would prefer a it to be in white color or forest green.

    blog I need help with outdoorbecca.com

    thank you very much

  • Unknown's avatar

    I need to do that too, because the title and tag line don’t show with the header picture.

  • Unknown's avatar

    Here’s some code to adjust the font colour (and the underline in the menu) for the site title and main navigation:

    .site-title a,
    .main-navigation .primary-menu .current_page_item > a,
    .main-navigation .primary-menu .current-menu-item > a,
    .main-navigation .primary-menu .current_page_ancestor > a {
      color: #f00;
      border-color: #f00;
    }
    .site-title a:hover,
    .main-navigation a:hover {
      color: #f0f;
    }
    .main-navigation a {
      color: #0f0;
    }

    And this bit will set the background colour and link colours in the footer:

    #colophon {
      background-color: #eee;
    }
    .site-info a {
      color: #0ff;
    }
    .site-info a:hover {
      color: #ff0;
    }
  • Unknown's avatar

    Thanks! That worked! How can I change the colors of the menu button and the lines that it has when you scroll down in the mobile version?

  • Unknown's avatar

    The button can be changed with this:

    #menu-toggle {
      background-color: #f00;
    }
    #menu-toggle:hover {
      background-color: #0f0;
    }

    And the border lines with this:

    .main-navigation li,
    .main-navigation .primary-menu {
      border-color: #00f;
    }
  • Unknown's avatar

    Awesome! Thanks for all!

  • Unknown's avatar

    okay…maybe i am missing something but how do i get the subtitle color changed? outdoorbecca.com
    the line right under the title that says a traveled journal.
    thank you for all your help!!

  • Unknown's avatar

    its the tagline sentence it that helps clarify my question. thanks!

  • Unknown's avatar

    Hi Becca,

    Here’s the code you need:

    .site-description {
      color: #0f0;
    }

    Can I ask that next time you create your own post in the forum if you have a brand new question. It keeps things tidy and stops other people from getting notification for forum replies that aren’t relevant to them.

  • The topic ‘Colors Header/Footer’ is closed to new replies.