Changing the opacity of the Goran header

• 

  circlecommerce · Member · Jun 23, 2015 at 8:43 pm

  • Copy link
  • Add topic to favorites

  I am using the Goran theme and need to make the opacity of the header slightly more solid. Is there a way to do this?

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

• 

  darrellschulte · Member · Jun 24, 2015 at 2:30 am

  • Copy link

  Hello circlecommerce,

  Please give this a whirl. Adjust the value higher if you want the header even darker.

  header#masthead.site-header {
      opacity: 0.5;
      background-color: black;
  }

• 

  circlecommerce · Member · Jun 24, 2015 at 12:57 pm

  • Copy link

  Thanks daschultemn,

  That worked great, but it seems that the header is now on top of the logo, so it is dulling out the colors. Is there a way to bring the logo to the front (or the header to the back)?

• 

  darrellschulte · Member · Jun 24, 2015 at 2:14 pm

  • Copy link

  How about this?

  header#masthead.site-header {
      background: rgba(0, 0, 0, 0.5);
  }

  Not sure if either of my suggestions work on all browsers the same.

• 

  circlecommerce · Member · Jun 24, 2015 at 2:21 pm

  • Copy link

  That did the trick! Thanks so much for your help