Background Color of Portlet Topper

[Krilip janaki, modificado 12 Anos atrás.]

Hi Everyone,


I need a help from Liferay guys.

i want to give background color of portlet topper for single portlet not for all Portlet. How can i do any idea from anybody.

Thanks in Advance,


Regards,
Sipra

[David H Nebinger, modificado 12 Anos atrás.]

Use the look and feel page, go to advanced styling tab.

Add something along the lines of:

.portlet-topper {
  background: red;
}

and you're good to go.

[Hitoshi Ozawa, modificado 12 Anos atrás.]

That'll change the topper background color of all the portlets!

To just change background color for just 1 portlet, click on "Add a CSS rule for just this portlet." and modify is like below:

#portlet_82 .portlet-topper {
background: red
}

[Krilip janaki, modificado 12 Anos atrás.]

Hi Hitoshi,


Thanks for reply,
i am doing as you have told as above to set the portlet topper but it is not changing color.
for example, i want to change webcontent Display of backround color of the portlet topper .As below i have wrote the code
#portlet_56_INSTANCE_9Ia6.portlet-topper{
background : green

}

Thanks in Advance,

[David H Nebinger, modificado 12 Anos atrás.]

You didn't copy his stuff exactly, did you? The "#portlet_82" would not have matched whatever your portlet ID is, you just want to add the ".portlet-topper" to the CSS rule and put the "background: red;" inside of the rule...

[Krilip janaki, modificado 12 Anos atrás.]

Hi David ,

Thanks for Reply

I am doing as you have said even if it is not changing the color.
Please Help me
Thanks in Advance.

[David H Nebinger, modificado 12 Anos atrás.]

Krilip janaki:

#portlet_56_INSTANCE_9Ia6.portlet-topper{
  background : green
}

You're missing a space between the #match and the .portlet-topper:

#portlet_56_INSTANCE_9Ia6 .portlet-topper{
  background : green
}

[Krilip janaki, modificado 12 Anos atrás.]

Hi,

Thanks a Lot for Helping .

[Hitoshi Ozawa, modificado 12 Anos atrás.]

I'm going to assume that you've got this working now. Great!