How do i make the top of the page and header and footer area different colours i

• 

  zhongyuan8022 · Member · Nov 22, 2016 at 6:20 am

  • Copy link
  • Add topic to favorites

  How do i make the top of the page and header and footer area different colours in motif theme?

  The blog I need help with is http://www.kangyuelehuo.com

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

• 

  thesacredpath · Member · Nov 23, 2016 at 12:04 am

  • Copy link

  Hi, you can add the following custom CSS to change the color of the header/menu area and edit my demonstration red color as desired.

  .standard-menu .site-header {
      background-color: #cc0000;
  }

  On the footer, I’m not sure if you are talking about the white area at the very bottom below the widget area, or if you are talking about the dark background on the widget area.

  For the actual footer (white area) the color is set as the overall background color for the body HTML element. You can add the following and adjust the color as desired.

  body {
      background-color: #0066cc;
  }

  For the footer widget area background color, this would be the CSS.

  .site-footer {
      background-color: #00cc00;
  }