Fórum

Dockbar and Navigation menu css customization

Luca kk, modificado 10 Anos atrás.

Dockbar and Navigation menu css customization

Expert Postagens: 284 Data de Entrada: 07/12/10 Postagens Recentes
Hi all,
I have to edit background-color, text-color, etc......
of dockbar and navigation menu.
Which files do I have to modify?

Thanks in advance,
luca
thumbnail
Pankaj Kathiriya, modificado 10 Anos atrás.

RE: Dockbar and Navigation menu css customization

Liferay Master Postagens: 722 Data de Entrada: 05/08/10 Postagens Recentes
Override related css for dockbar and navigation in custom.css in your theme.
Luca kk, modificado 10 Anos atrás.

RE: Dockbar and Navigation menu css customization

Expert Postagens: 284 Data de Entrada: 07/12/10 Postagens Recentes
Hi Pankaj,
thanks for reply,
I'm using "classic" theme,
which css do I have to edit?
thumbnail
Pankaj Kathiriya, modificado 10 Anos atrás.

RE: Dockbar and Navigation menu css customization

Liferay Master Postagens: 722 Data de Entrada: 05/08/10 Postagens Recentes
There are css in dockbar.css and navigation.css you have to override. As you are using classic theme, you have to provide css in Look and feel section in manage page screen.
Luca kk, modificado 10 Anos atrás.

RE: Dockbar and Navigation menu css customization

Expert Postagens: 284 Data de Entrada: 07/12/10 Postagens Recentes
Ok Pankaj,
I tried to change some value but it has not effect.
For example, if I have to change the background color of
menu selected item (the current menu page) which
class do I have to modify?
I'm using liferay 6.2 ce ga1.

Thanks
Luca kk, modificado 10 Anos atrás.

RE: Dockbar and Navigation menu css customization

Expert Postagens: 284 Data de Entrada: 07/12/10 Postagens Recentes
Anybody works on 6.2?
jiaojiao he, modificado 9 Anos atrás.

RE: Dockbar and Navigation menu css customization

New Member Mensagem: 1 Data de Entrada: 04/05/14 Postagens Recentes
hi,
I also met the problem now,Could you tell me the problem solved?Thanks.
thumbnail
Soukaina HAJI, modificado 9 Anos atrás.

RE: Dockbar and Navigation menu css customization

Regular Member Postagens: 195 Data de Entrada: 17/06/14 Postagens Recentes
To change the ebackgroundcolor of the dockbar in liferay 6.2, u should modify:
$dockbarGradientEnd ,
$dockbarGradientStart ,
$dockbarOpenGradientEnd ,
$dockbarOpenGradientStart

in \html\themes\classic\css\custum.css
Kartik Rao, modificado 8 Anos atrás.

RE: Dockbar and Navigation menu css customization

New Member Postagens: 2 Data de Entrada: 12/01/16 Postagens Recentes
I am using the default dockbar which comes with Liferay.
Currently, the dockbar/navbar collapses when screen width is less than 979px.
I want the dockbar/navbar to collapse on screen sizes less than 768px.
I made changes in _variables.scss file as below:

$navbarCollapseWidth: 768px !default;
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;

Copied this file inside diff folder. Deployed the code.
But, still the dockbar collapses on screen size less than 979px.

Am I supposed to make changes in any other files ?