Foros de discusión
To customize aui-tab-active styling in liferay 6.1 using theme
Smilelws2010 lwz, modificado hace 12 años.
To customize aui-tab-active styling in liferay 6.1 using theme
Regular Member Mensajes: 160 Fecha de incorporación: 16/12/10 Mensajes recientes
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, modificado hace 12 años.
RE: To customize aui-tab-active styling in liferay 6.1 using theme
Regular Member Mensajes: 123 Fecha de incorporación: 8/10/09 Mensajes recientes
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