Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Highlighted
Partner
Partner

Change Color QMC Topbar

Hi,

I want to change the color of the topbar of the QMC so i can distinguish my Test and Production environment.
I found the location of the CSS file for the QMC (..\Qlik\Sense\Client\qmc.css), but does anyone has any idea which element I have to change to turn it red?

Thanks in advance,
Kind Regards,
Isabelle

Bar QMC.JPG

Labels (3)
1 Solution

Accepted Solutions
Partner
Partner

Re: Change Color QMC Topbar

Hi @ift_isabelle ,

You correct about the qmc.css file location.

Open it and find this definition (qmc-toolbar element)

qmc-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 6px 10px;
  background-color: #8C8C8C;
}

Simply change the background-color property to:

background-color: red;

Result:

image.png

2 Replies
Partner
Partner

Re: Change Color QMC Topbar

Hi @ift_isabelle ,

You correct about the qmc.css file location.

Open it and find this definition (qmc-toolbar element)

qmc-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 6px 10px;
  background-color: #8C8C8C;
}

Simply change the background-color property to:

background-color: red;

Result:

image.png

Partner
Partner

Re: Change Color QMC Topbar

Works perfect! Thanks!