Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Krilip janaki
Background Color of Portlet Topper
April 26, 2012 8:29 PM
Answer

Krilip janaki

Rank: New Member

Posts: 10

Join Date: April 26, 2012

Recent Posts

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
RE: Background Color of Portlet Topper
April 27, 2012 10:14 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11295

Join Date: September 1, 2006

Recent Posts

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

Add something along the lines of:

1.portlet-topper {
2  background: red;
3}


and you're good to go.
Hitoshi Ozawa
RE: Background Color of Portlet Topper
April 27, 2012 4:59 PM
Answer

Hitoshi Ozawa

Rank: Liferay Legend

Posts: 7949

Join Date: March 23, 2010

Recent Posts

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
RE: Background Color of Portlet Topper
April 30, 2012 10:04 AM
Answer

Krilip janaki

Rank: New Member

Posts: 10

Join Date: April 26, 2012

Recent Posts

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
RE: Background Color of Portlet Topper
April 30, 2012 10:02 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11295

Join Date: September 1, 2006

Recent Posts

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
RE: Background Color of Portlet Topper
April 30, 2012 10:07 AM
Answer

Krilip janaki

Rank: New Member

Posts: 10

Join Date: April 26, 2012

Recent Posts

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
RE: Background Color of Portlet Topper
April 30, 2012 10:08 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11295

Join Date: September 1, 2006

Recent Posts

Krilip janaki:
1#portlet_56_INSTANCE_9Ia6.portlet-topper{
2  background : green
3}


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

1#portlet_56_INSTANCE_9Ia6 .portlet-topper{
2  background : green
3}
Krilip janaki
RE: Background Color of Portlet Topper
May 2, 2012 10:58 PM
Answer

Krilip janaki

Rank: New Member

Posts: 10

Join Date: April 26, 2012

Recent Posts

Hi,

Thanks a Lot for Helping .
Hitoshi Ozawa
RE: Background Color of Portlet Topper
May 3, 2012 1:36 AM
Answer

Hitoshi Ozawa

Rank: Liferay Legend

Posts: 7949

Join Date: March 23, 2010

Recent Posts

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