Problem: single Portlet Design Background

[michael ric scheffler, modificado hace 14 años.]

Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike

[Maarten van Heiningen, modificado hace 14 años.]

Hello Mike,

Have you tried to check with firebug or the ie developer toolbar (trace style option) what actually is set as a background of all your portlets?

Sounds to me like there is a css rule in your custom.css which declares that the background of all your portlets is set with a specific value.

Maybe there is also a rule with an extra value set to '!important'

If you add your style rule into the custom.css is it working?

#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

Maarten

[Arun Kumar S, modificado hace 14 años.]

michael ric scheffler:

Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike

is myPicture.png in war file ?

If yes, use the below css in - Advanced Styling -

#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url([b]/<themename>[/b]/images/portlet/myPicture.png);
}</themename>

If No,

#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(/html/images/portlet/myPicture.png);
}

HTH,
Arun