Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Want to see what's currently in public preview? We've pulled it all together in one place. Check it out here
cancel
Showing results for 
Search instead for 
Did you mean: 
Ethel
Creator III
Creator III

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 III
Creator III
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 III
Creator III
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!;}