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

• 

  marieevepreaux · Member · Mar 1, 2015 at 9:42 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)

• 

  nizamilputra · Member · Mar 2, 2015 at 7:47 am

  • Copy link

  Hi there,

  If you want to change “BE DAZZLED” color, you can use this;

  #home-banner #banner-text .main h2{
    color: #2FB8AD;
  }

  If you want to change “Bright Ideas | Brilliant Creativity | Stellar Results” color, you can use this;

  #home-banner #banner-text .secondary p{
    color: #ffffff;
  }

  If you want to change right bar background color , you can use this;

  #pageslide{
    background-color: #3F505B;
  }

  Note: You can use any color like you want in hex code. Or you can use this site to find the hex color code http://www.colorpicker.com/.

  I hope it will helps you. Let me know if you need another help.

• 

  marieevepreaux · Member · Mar 2, 2015 at 1:16 pm

  • Copy link

  Thank you, @nizamilputra!

  I was looking to change the right bar background color (done!) but also the color that appears behind the logo header when we scroll down to the second section. Right now its the same medium gray as the right bar was previously. Can you help me with that?

  If you could also point me out the code to change the color of
  – the testimonials title text
  – the home featured posts titles (Graphic Design, Communication + Strategy, Special Events)
  – the upcoming portfolio title text

  …id be set to go for a long while without asking questions!

  Thanks!

• 

  nizamilputra · Member · Mar 2, 2015 at 2:27 pm

  • Copy link

  I see… Here the css;

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

  – the testimonials title text.

  #testimonials .title{
    color: #2FB8AD;
  }

  – the home featured posts titles (Graphic Design, Communication + Strategy, Special Events)

  #featured-pages.has-background .title,
  #featured-pages .title{
    color:  #2FB8AD;
  }

  – the upcoming portfolio title text

  I can’t find portfolio section in your website. But I see it in the demo. I hope it’s right;

  #content .project.small .title{
    color: #2FB8AD;
  }
  #content .project.small .title span{
    border: 2px solid #2FB8AD;
  }

• 

  marieevepreaux · Member · Mar 2, 2015 at 3:32 pm

  • Copy link

  Thanks a lot!

• 

  nizamilputra · Member · Mar 2, 2015 at 3:37 pm

  • Copy link

  You are very welcome!