Hello, I'm trying to customize the CSS file that come with SC in order to display my own pdf image instead pdf.gif when I use the listview style but I'm lost in the CSS.

Does Anyone have done this before?

THANKS

Open up the CSS file, do a search for pdf.gif - take a look at the filepath (it will most likely be relative to the css file), find the pdf.gif file and replace it with your own image.

In this way I will replace the image even if I use it not on "listview" style.

I'm trying to have 2 different images: 1 for the listview style and 1 for all the others.

by the way thanks for your reply.

Well if they use 2 different styles 1 for list and 1 for table - find the other one (just continue with the pdf.gif search - you should be able to deterimine which class applies to which view).

From there, just modify the file path to pdf2.gif or something and add the appropriate image to the same directory.

thanks, but in the CSS pdf.gif is used only once.

My guess is the div that contains the image (as a background) is contained within the table div and the listview div but I can't make it works.

Whatever you specify as the "style" attribute in the URL becomes the css class of the

tag (replacing + signs with spaces). So if you are using a style of listview, the body css class contains "listview", and you can use something like the following rule in your custom.css file:

body.listview span.file_pdf {

                background-image: url('http://www.adobe.com/devnet/images/58x43/reader_icon.gif');

}

This uses a custom icon for PDF filetypes, only when the listview style is used. You can also create your own arbitrary styles, and write rules for additional file types. The span.file_pdf is auto-generated based on the extension of the file stored in SuperContainer, so if you want a custom icon for, say, .fp5 files, just write a rule for span.file_fp5.

that works just fine.

Thank you for your help and Happy Holidays !