[Plone-UI] Re: Custom CSS for different portlet types?

René Fleschenberg rene at fleschenberg.net
Wed Feb 25 17:24:55 UTC 2009


erik kulvinskas:

> I am trying to create a custom color header for each type of portlet type
> within my theme. I have created some custom css in my ploneCustom.css
> (<theme>/skins/theme_styles) for my theme using a rounded corner technique
> and it looks great. What i would like to do, for example, is have the news
> portlets have a grey header and RSS portlets to have an orange header,
> etc. 

This should be trivially solvable with just plain CSS: AFAIK, the default
portlet templates already set a CSS ID that contains the portlet type. So
all you have to do is write some CSS that looks like this:

#portlet-news .portletHeader {
    background-color: grey;

More information about the UI mailing list