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
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, 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
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