掲示板

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

12年前 に Smilelws2010 lwz によって更新されました。

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

Regular Member 投稿: 160 参加年月日: 10/12/16 最新の投稿
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
12年前 に Bavithra Rajendran によって更新されました。

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

Regular Member 投稿: 123 参加年月日: 09/10/08 最新の投稿
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