Make banner transparent – Business Identity theme

• 

  elinefranklin · Member · Sep 30, 2014 at 10:14 am

  • Copy link
  • Add topic to favorites

  Hi,
  The default color scheme has a transparent banner (the primary menu nav bar). I think that is a nice touch with main image remaining slightly visible.

  However, since applying custom colors the transparency has disappeared.

  Do you know how I can add it back in?

  tks!

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

• 

  hallluke · Member · Sep 30, 2014 at 10:36 am

  • Copy link

  You need to set the background colour with rgba instead of a hex code like so:

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

• 

  elinefranklin · Member · Sep 30, 2014 at 10:39 am

  • Copy link

  wow, that did it. I’ll go and study up on rgba – thank you.

  you make me look good!