Make footer & header area colour different

• 

  ikonfacilities · Member · Nov 21, 2016 at 7:50 am

  • Copy link
  • Add topic to favorites

  How do i make the header and footer area different colours in motif theme? they are currently a dark hue of blue.

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

• 

  melindahelt · Staff · Nov 21, 2016 at 9:35 pm

  • Copy link

  Hello

  You can do some color customization of your theme b going to https://ikonfacilities.com/wp-admin/customize.php?return=%2Fwp-admin%2Fthemes.php

  From there, you can select from a few different color combinations.

  If you’d like to make additional customizations, you’ll need to have the premium or business level account.

  If you do, that will allow you to edit the custom CSS. You can read about how to edit the CSS at https://en.support.wordpress.com/custom-design/editing-css/.

  For our theme, you’ll want to add the following code to your Custom CSS editor to change the header and footer colors.

  .main-navigation {
  background-color: #333;
  }

  .footer-widget-area {
  background-color: #141b30;
  }

  You’ll want to replace the hex color value (the numbers after the #) with a new hex color to match your design. Here’s a website that shows many different hex color values: http://www.w3schools.com/colors/colors_picker.asp

  Hope this helps. Let me know if you have any other questions.