Change header/footer colors of font and background

• 

  grassoart · Member · Sep 6, 2016 at 7:38 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I want to change colors of font and background in the footer and in the header, I already tried changing the #111 in this code:
  #footer-nav-wrapper { background: #111; position: relative; width: 100%; z-index: 11111; }
  But it did’t work.

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

• 

  thesacredpath · Member · Sep 7, 2016 at 7:27 pm

  • Copy link

  Hi there, looking at the source code for your site, the following will allow you to change the footer colors.

  #colophon {
      background-color: #cc0000;
  }
  .site-info, #colophon a {
      color: #ddbb00;
  }

  On the header area, add the following and adjust as desired.

  #masthead h1, #masthead h1 a, #masthead h2, #masthead h2 a {
      color: #dd0091;
  }
  #masthead {
      background-color: #0091dd;
  }
  .main-navigation li a, .main-navigation li a:visited {
      color: #ba00dd;
  }
  .main-navigation li.current_page_item a {
      color: #dd4c00;
  }

  (Excuse the obnoxious colors I used, it helps me to keep track of things when I’m changing a lot of items.)

• 

  grassoart · Member · Sep 18, 2016 at 9:07 am

  • Copy link

  Thanks a lot!