Making my header transparent

• 

  raskinblogs · Member · Dec 31, 2015 at 1:36 am

  • Copy link
  • Add topic to favorites

  Theme: Restaurant
  I would like to change the heading from white to transparent. Is this possible?

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

• 

  reilly707 · Member · Dec 31, 2015 at 1:44 am

  • Copy link

  It is possible only if your theme allows you to customize the opacity of the header. There should be an option for controlling the transparency in your theme customization panel, if you can’t find it, then it means you don’t have it. In this case, you can try adding the following lines to your style css file to tweak the backgroun colour of your header and make it look transparent:
  #masthead {
  background-color: rgba(255, 255, 255, 0.2);
  }
  You can play around with the numbers to see what values work best for your page. If it didn’t work, then I would recommend you using a different theme.

• 

  reilly707 · Member · Dec 31, 2015 at 1:45 am

  • Copy link

  You can also try adding this to your custome css:
  #header {background-color:transparent;}
  It might help.

• 

  thesacredpath · Member · Dec 31, 2015 at 5:41 am

  • Copy link

  To make the header area transparent, see if this doesn’t do what you are looking for.

  .content {
      background-color: rgba(255, 255, 255, 0);
      box-shadow: none;
  }
  #header .outline {
      border: none;
  }