Customize Background Color for Header Only

• 

  profenceco · Member · Feb 11, 2016 at 4:17 pm

  • Copy link
  • Add topic to favorites

  I am looking to change the background color of my header to a bright yellow, while keeping the background of the body of each page white. How do I accomplish this?

• 

  thesacredpath · Member · Feb 11, 2016 at 11:12 pm

  • Copy link

  Hi there, I see only one site associated with your username, and it is not using WordPress, so we cannot help you with http://professionalfenceco.com/. Are you talking about this site: http://profenceco.wordpress.com/ ?

  If so, Veggie is kind of complex so this change takes a good number of CSS rules to accomplish. Add this to your custom CSS and see what you think.

  .site {
      background-color: #ffff00;
      width: 100%;
  }
  .primarymenu .site {
      background-color: rgba(0, 0, 0, 0);
  }
  #page.site {
      background-color: rgba(0, 0, 0, 0);
      max-width: 992px;
      width: 100%;
  }
  .social-block {
      margin-top: 0;
      padding-top: 1.75em;
      background-color: #ffff00;
  }
  .search-toggle {
      background-color: #ffff00;
  }
  .site-header {
      margin-bottom: 0;
      padding-bottom: 1.5em;
  }