topic Re: CSS for sheet title styling in App Development

CSS for sheet title styling

Ethel — Fri, 20 Aug 2021 19:36:00 GMT

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!

Re: CSS for sheet title styling

Vegar — Sun, 22 Aug 2021 08:45:28 GMT

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

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

Re: CSS for sheet title styling

Ethel — Mon, 30 Aug 2021 15:50:36 GMT

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&colon;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!

Re: CSS for sheet title styling

Ethel — Thu, 07 Oct 2021 15:26:19 GMT

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