[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.

>Hi,
>
>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
>http://lists.plone.org/mailman/listinfo/ui


-- 
Espen Moe-Nilssen
Grieg Medialog AS




More information about the UI mailing list