Change opacity of my navigation menu and header

• 

  stuartgillies · Member · Aug 4, 2014 at 4:42 am

  • Copy link
  • Add topic to favorites

  I have changed the opacity of my sidebar to 0.6.
  However, the background area of the header and navigation menu has not changed. Does anybody know the CSS for that part?
  My site is:
  tasmanianstoryboardgroup.com

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

• 

  sandymcfadden · Member · Aug 4, 2014 at 2:40 pm

  • Copy link

  Hi stuartgillies,

  I believe the CSS code you would need to add to do what you are requesting is this:

  body:after {
      background-color:rgba(0, 0, 0, 0.6)
  }
  .site-header {
      background-color: transparent;
  }

  This sets the background-color to black, but you can set the rgb value to what ever color you would like.

  Hope that helps.

• 

  stuartgillies · Member · Aug 4, 2014 at 10:24 pm

  • Copy link

  Hey Sandy,
  Yes, that works! Many thanks.
  I was flustering around with that one for a while. Have a great week.
  cheers Stuart

• 

  sandymcfadden · Member · Aug 4, 2014 at 11:32 pm

  • Copy link

  No problem!