Code for Shadow Background behind Content

• 

  mad2zen · Member · Feb 26, 2016 at 7:01 am

  • Copy link
  • Add topic to favorites

  May I please have the code to create a shadow background behind content on my pages? It is a Didi Theme. To clarify, it is to be positioned between the background and the copy.

  Many thank

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

• 

  thesacredpath · Member · Feb 26, 2016 at 8:12 am

  • Copy link

  Hi there, give the following a try. It uses RGB color (black) with an alpha transparency (the 0.2 number. The closer to 1, the more opaque, the closer to 0, the more transparent. The first three numbers are the RGB values for black.

  #page {
      background-color: rgba(0, 0, 0, 0.2);
      padding: 20px;
  }