Transparent Wrapper

I have been reading through most of the forums already here, and I haven’t seen this answer. But if it is somewhere I apologize for asking again. I am wanting to make my wrapper transparent. I want to be able to have a fixed background image and no wrapper color so that you can see the background image through the whole site, not just on the sides.

You can do this by adding the following code to Appearance - Theme Options - Other - Custom CSS

.wrapper {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  -webkit-box-shadow: none;
}

The last number - 0.4 - stands for transparency. 1 means no transparency at all and 0 stands for complete transparency. You can set it to any value you want. If you want to make wrapper completely transparent then you can use even simpler code like this:

.wrapper {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}