Change color of text in header & footer

• 

  kbaatoo · Member · Oct 28, 2017 at 2:32 am

  • Copy link
  • Add topic to favorites

  Can someone give me a css snippet that will allow me to choose a new color for the text appearing in my headers & footers?

  Also, a snippet for changing the color of page title text.

  Thanks

• 

  tarunvijwani · Member · Oct 28, 2017 at 8:05 am

  • Copy link

  Hi there,

  You can try the custom color option under “Colors & Backgrounds” in customize theme to change your site colors without using CSS code. Please refer this article for more details:https://en.support.wordpress.com/custom-design/custom-colors/

  Below are the CSS code if you still want to use Custom CSS:

  For Site Title:
  
  .wf-active #logo h1 a, .wf-active #logo h1 {
  
      color: #ff8300 !important;
  }

  For Header Menu- Current Selected Link:
  
  #access .current-menu-item>a, #access .current-menu-ancestor>a, #access .current_page_item>a, #access .current_page_ancestor>a {
      color: #f7f20a;
  }
  
  For Header Menu:
  
  #access a {
      color: #d71212;
  }

  For Header:
  
  .lay1>div, #posts .post-content, #header {
      background: #ebebeb;
  }
  For Footer:
  
  footer#footer.site-footer {
      background-color: #f72424;
  }

  Please refer this support article for more details for Custom CSS: https://en.support.wordpress.com/custom-css/

  Please note CSS Customizer is only available in Premium or Business upgrade plan.

  Please refer the below articles to know more about business plans:
  http://wordpress.com/pricing
  https://en.support.wordpress.com/business-plan/
  https://en.support.wordpress.com/seo-tools/

  Hope this helps!