I would like to make just 1 of the many "HTML Content" features on a single page have a transparent background and set its margins to zero using the custom class .TransparentModule

I tried to use the "Custom CSS Class" for this but the styles defined there are at the ".art-content" level, but the background is defined at the ".art-post" level (see below)

<div id='ctl00_mainContent_ctl00_pnlOuterWrap' class='art-content clearfix TransparentModule'>
<div id='ctl00_mainContent_ctl00_pnlInnerWrap' class='panelwrapper htmlmodule'>
<div class='art-post art-article'>
<div class='art-postmetadataheader'>....

The CSS for .TransparentModule

.TransparentModule  {
    padding: 0px;
    border-style: none;
    margin: 0;
    background: transparent;  }

The CSS is being applied correctly but the lower level background color is overriding TransparentModule.  Any ideas?

Thanks in advance for any help!

-- Joe Vago

Thanks for the quick reply.  Unfortunately thta didn't work. 

This CSS is lower and being applied in <div class='art-post art-article'>

.art-post { background: #FFFFFF;   padding: 5px;   margin: 5px;  }

Also I tried - without success - to use the !important keyword

.TransparentModule {   background: transparent !important;   padding: 0px !important;   margin: 0 !important;    }

.TransparentModule .art-content {    background: transparent !important; }

I really expected that to work... but it did not.

To be sure I reset the skin GUID many times but still no luck.

Any other ideas?  -- Joe Vago