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

[Smilelws2010 lwz, módosítva 12 év-val korábban]

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, módosítva 12 év-val korábban]

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