Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Smilelws2010 lwz
To customize aui-tab-active styling in liferay 6.1 using theme
March 26, 2012 7:18 AM
Answer

Smilelws2010 lwz

Rank: Regular Member

Posts: 160

Join Date: December 16, 2010

Recent Posts

HI

I want to customize tab color in liferay using theme. Using Firebug I found that I need to change the color of aui-tab-active. And I tried to change that from portal.css file. But it is not changing.

This is thepiece of code I need to change, got below code with firebug. I found that the following css is being injected form /root/html/css/aui.css file not from theme folder.


.aui-tab-active .aui-tab-content, .aui-tab-active .aui-tab-content:hover {
    background: url("/custom-theme/images/aui/tabs_active_bg.png") repeat scroll 0 0 #878787;
    border-color: #4B4B4B #4D4D4D;
}

I am not sure how to change the background color in the above code using theme. Please help.

Thanks
Smile
Bavithra Rajendran
RE: To customize aui-tab-active styling in liferay 6.1 using theme
March 27, 2012 5:04 AM
Answer

Bavithra Rajendran

LIFERAY STAFF

Rank: Regular Member

Posts: 123

Join Date: October 7, 2009

Recent Posts

Hi ,

You need to add the piece of code in your theme's custom.css which is available under _diffs folder. This file will override any styles that are in any of the other style sheets.

You can also refer this wiki.
Thanks,
Bavithra Rajendran