Main Container Opacity

I'm trying to change the opacity of the main white container in the center of the pages. I've got a background image that I want to show through behind that center section.

Can someone either provide the code to make that change, or guide me to where the code is controlling the color/design of the main container so I can make the change?

 

.container {
background: rgba(255, 255, 255, 0.3)!important;
}

.footer-container {
background: rgba(0, 204, 0, 0.3)!important;
}

.footer-navi {
background: rgba(0, 102, 0, 0.6)!important;
}


Found an older thread with similar issue, and made it work. The footer rgb is based on the green theme for those who need it.

 

You can also paste the following code instead of the above code, in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.container {
background: rgba(255, 255, 255, 0.3)!important;
}
.footer-container {
opacity: .5;!important;
}
.footer-navi {
opacity: .5;!important;
}

This will work on all theme color scheme.