Gerald,

I'm no CSS guru but try this...

• Go to the settings for the instance of the Documents Module that you want to change.
• Under "Advanced Settings" you will find fields for "Header" and "Footer".
• Here you can place any content that you want rendered before (Header) and after (Footer) the content that the module generates.

• For Header enter <div class="SomeClassName"> Then for footer enter </div> where "YourClassName" is a unique class name that you are going to wrap around the content of this instance of the module.

• Now in your stylsheet enter your class as .SomeClassName .DNN_Documents .[FieldName]Header where [FieldName] is the name of the column you want to format (i.e. Title, Owner, Category, etc.

• Basically this wraps the content of this instance of the Documents module in a div given the class name of "SomeClassName".  Then your style sheet entry formats only the [fieldName]Header class withing the DNN_Documents class within the "SomeClassName" class.  This should work even with multiple Documents module instances on the same page.  Note that between each class in your stylesheet you probably need a blank space (e.g. .SomeClassName _ .DNN_Documents _ .[FieldName]Header where each _ is a blank space.

I hope this helps

Now in your stylsheet enter your class as .SomeClassName .DNN_Documents .[FieldName]Header where [FieldName] is the name of the column you want to format (i.e. Title, Owner, Category, etc.

I tried implementing the custom css styles on the various columns found in the documents module and most of it worked to my expectations, but few of the columns didnt reflect the changes applied to the css class.

The columns in question are Modified Date, Created By, Created Date and Modified Date.

For the other columns which apparently reflects the changes, given below is the css code

.underline .DNN_Documents .TitleHeader, .DescriptionHeader, .Created DateHeader, .DownloadHeader, .OwnerHeader, .CategoryHeader, .SizeHeader, .Modified ByHeader, .ClicksHeader, .Modified DateHeader, .Created ByHeader
{
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #003366;
    padding: 3px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #E3EDF3;
}

Should there be a space between the fields (eg: Modified DateHeader) or should it be an underscore.

Thanking you for your time,