Port // CSS to change color of header and right sidemenu

• 

  marieevepreaux · Member · Mar 1, 2015 at 9:41 pm

  • Copy link
  • Add topic to favorites

  Hello good people of the support forums!

  I am looking for the CSS code id need to change the color of the header/title bar and also the right sidemenu in Port. I do have custom design activated and tried changing the theme colors but it doesnt seem to affect the color im looking for customize.

  Thanks a lot for your help!

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

• 

  thesacredpath · Member · Mar 3, 2015 at 8:31 pm

  • Copy link

  When you say “header/title bar, are you meaning the area behind your logo across the top? If so, you can do it with this CSS. Edit the color code as desired.

  .home.has-banner #header .top {
      background-color: #cc0000;
  }

  For the background on the sidebar, add the following and edit.

  #pageslide {
      background-color: #00ffff;
  }

  If you wish to change the background color on the menu toggle icon, you can use this.

  #header .top.solid, #header .top, .has-banner #header .top.solid, .menu-toggle.contrast {
      background-color: #ff00ff;
  }

  Oh, and excuse my obnoxious demo colors. :)

• 

  marieevepreaux · Member · Mar 3, 2015 at 9:26 pm

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Mar 5, 2015 at 5:35 pm

  • Copy link

  You are welcome.