Qlik Community

App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

Announcements
Now Live: Qlik Sense SaaS Simplified Authoring – Analytics Creation for Everyone: READ DETAILS
cancel
Showing results for 
Search instead for 
Did you mean: 
Ethel
Creator II
Creator II

CSS for sheet title styling

I'm trying to add styling of the sheet in my custom theme. 

I need to change color, fonts and add logo to the "bar" on top of the sheet. (To do sheet styling)

I was trying to use this peace of code to change background of the sheet title.

.sheet-title {
background: #006580 !important;
}

What am I doing wrong?

Thanks a lot in advance!

1 Solution

Accepted Solutions
Vegar
MVP
MVP

You could try styling another object, the sheet-title-container.

.sheet-title-container {
	background-color:  #006580 !important;
}

 

View solution in original post

3 Replies
Vegar
MVP
MVP

You could try styling another object, the sheet-title-container.

.sheet-title-container {
	background-color:  #006580 !important;
}

 

Ethel
Creator II
Creator II
Author

Hi, I wanted to ask if you know by any chance how to add a logo to the sheet title in my css file? I've tried different options and nothing is working...These is what I tried:

.qvt-sheet {
background: #ffffff !important;
}

.sheet-title-container {
background: linear-gradient(90deg, rgba(0,101,128,1) 35%, rgba(255,255,255,1) 100%); !important;


}
.sheet-title-container:after {

background-image:(url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3.......);
}

 

 

.qvt-sheet {
background: #ffffff !important;
}

.sheet-title-container {
background: linear-gradient(90deg, rgba(0,101,128,1) 35%, rgba(255,255,255,1) 100%); !important;
background-image:(C:\Users\AAA\Desktop\Qlik Sense Theme\folder\test.png);

}

 

Thanks a lot in advance!

Ethel
Creator II
Creator II
Author

Hi @Vegar ! Thank you very  much! Do you know by any chance how to change color of the font in the sheet title container? It has to be white( not grey as a default color.)

I'm trying this css, but it's not working. Thanks a lot in advance!!!! 

.sheet-title-container {
background: linear-gradient(90deg, rgba(8,116,107,255) 35%, rgba(255,255,255,1) 100%); !important;

title: {
main: {
color: #ffffff !important

}

};important!;}