Colors Header/Footer

• 

  grassoart · Member · Sep 23, 2016 at 7:06 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  outdoorbecca · Member · Sep 23, 2016 at 7:50 pm

  • Copy link

  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

• 

  marypinewild · Member · Sep 24, 2016 at 9:18 pm

  • Copy link

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

• 

  hallluke · Member · Sep 25, 2016 at 10:58 am

  • Copy link

  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;
  }

• 

  grassoart · Member · Sep 25, 2016 at 11:35 am

  • Copy link

  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?

• 

  hallluke · Member · Sep 25, 2016 at 12:41 pm

  • Copy link

  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;
  }

• 

  grassoart · Member · Sep 25, 2016 at 1:25 pm

  • Copy link

  Awesome! Thanks for all!

• 

  outdoorbecca · Member · Sep 28, 2016 at 5:41 pm

  • Copy link

  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!!

• 

  outdoorbecca · Member · Sep 28, 2016 at 5:42 pm

  • Copy link

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

• 

  hallluke · Member · Sep 28, 2016 at 6:16 pm

  • Copy link

  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.