Foren

To customize aui-tab-active styling in liferay 6.1 using theme

Smilelws2010 lwz, geändert vor 11 Jahren.

To customize aui-tab-active styling in liferay 6.1 using theme

Regular Member Beiträge: 160 Beitrittsdatum: 16.12.10 Neueste Beiträge
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
thumbnail
Bavithra Rajendran, geändert vor 11 Jahren.

RE: To customize aui-tab-active styling in liferay 6.1 using theme

Regular Member Beiträge: 123 Beitrittsdatum: 08.10.09 Neueste Beiträge
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