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

Espen Moe-Nilssen espen at medialog.no
Wed Feb 25 17:35:09 UTC 2009

The portlets header/footer also come with some stuff (left and right) to use for your round corners

That said: round corners  sometimes gets messed up in IE, so you might have to do a little hacking and be sure to specify width / height of your rounded corners images.

>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;
>UI mailing list
>UI at lists.plone.org

Espen Moe-Nilssen
Grieg Medialog AS

More information about the UI mailing list