Main background transparency

[mrtwanstall]

mrtwanstall

May 21, 2016 at 12:37 pm

Hello I seem to be having cross browser issues.

In advanced styling I have the main content area set as transparent but I am using css to change a bit of the main content area (not sidebar) with coloured background. It works fine on firefox but chrome and IE not.

I’m using css to force style items on top of the main and the main itself. For example:

.main{height:100% !important;border-radius:25px !important;border:1px solid #9bbb58;background:#e6efe4 !important;}

.widget-inner {background:#cfd7cd !important;border-radius:5px;}

The problem is that when viewed in IE or chrome everything in the main content area is transparent. I hope that makes sense?

Any ideas on how I can get this to work please?

Thanks