How to change the dockbar's color?

[Zhenlei Li, geändert vor 9 Jahren.]

Hi List,

Working on my own customized theme based on classic theme.

A requirement is to replace BLUE color dockbar by Orange color?
hope to get the guideline on it?

Thank you

[Manali Lalaji, geändert vor 9 Jahren.]

Hi,

I think you can achieve this by overriding some css in the custom.css file inside your custom theme.

Check out for some of properties as mentioned below in order to change the background color of the dockbar in liferay 6.2:

$dockbarGradientEnd ,
$dockbarGradientStart ,
$dockbarOpenGradientEnd ,
$dockbarOpenGradientStart

in \html\themes\classic\css\custom.css

HTH!

[Tanweer Ahmed ., geändert vor 1 Jahr.]

Hi Zhenlei,

Use the below css to override the dockbar color from blue to orange

.aui .dockbar-split .dockbar .navbar-inner .nav > li {
    background-color: #FFA500;
    background-image: none;
}

This will change the dockbar display to orange.If you have to change the hover color also, then you have to code it separately.

-Tanweer