Baskerville theme – header color

• 

  inspire360admin · Member · Apr 13, 2017 at 3:35 pm

  • Copy link
  • Add topic to favorites

  Hi there! I’d really like my header to be a different color, and the color palette options don’t change it; could someone help my header and menu be COLOR instead? Thanks!

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

• 

  thesacredpath · Member · Apr 13, 2017 at 6:15 pm

  • Copy link

  Hi there, add the following to your custom CSS and edit the color as desired.

  .header, .bg-dark {
  	background-color: #cc0000;
  }

  There is an overlay on the top section which produces the slight darkening. If you wish to make that lighter, or darker, add also the following.

  .header .cover {
      background: rgba(29,29,29,.25);
  }

  The first three numbers are the RGB color code, and the last number, .25, is the alpha transparency. The closer to 1, the more opaque and the closer to 0, the more transparent. If you set that to 0, it will show the underlying color with no tint.

• 

  thesoapsoc · Member · Apr 14, 2017 at 7:21 am

  • Copy link

  Can you explain where to add the custom CSS step by step to remove the tint on the header?

• 

  thesoapsoc · Member · Apr 14, 2017 at 7:21 am

  • Copy link

  Can you explain where to add the custom CSS step by step to remove the tint on the header?

• 

  inspire360admin · Member · Apr 14, 2017 at 10:40 am

  • Copy link

  Yay it works! thank you so much :)

  @thesoapoc – you can add the CSS by going to MySite>Theme>Customize>CSS

• 

  thesacredpath · Member · Apr 14, 2017 at 6:47 pm

  • Copy link

  @thesoapsoc, I don’t see that you have the WordPress.com Premium Plan upgrade. That upgrade includes Custom Design and the ability to add custom CSS.

• 

  thesacredpath · Member · Apr 14, 2017 at 6:47 pm

  • Copy link

  Hooray and you are welcome, @inspire360admin!