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: 13216

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: 13216

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: 13216

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

Participate in the State of Liferay Community 2017. Help the community and even win some prizes!