Qlik Sens Theme to style a container tab to display active vs non active tabs.

[SantGeo]

Hi, I am building a Qlik Sens theme to style and format container tab to show one color when active and another when inactive using CSS Code. Below is some of the codes I used with no success does anyone know how to achieve this.

Thanks. 

/*Container tab*/
.qv-object-nav .tab-container .tab {
background: #b0afae !important;
color: #ed0510 !important;
font-size:16xp;
border:1xp solid #000;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

/* Container tab active*/

.qs-container .qsc-tab.active {

background-color: #f2f2f2;
font-family: 'Segoe UI Bold';
color: #ffffff !important;
border: 2px solid #ed0510;

[saso70 · Accepted solution]

Please check the code:

.qs-container .qsc-tab-row .lui-tabset {

background: red;
}

.qv-client:not(.qv-card) .qs-container .qsc-tab-row {

background: red;
}

lui-tab.lui-active, .lui-tab.lui-focused, .lui-tab:focus {

background: white !important;
}

[SantGeo]

Thanks! @saso70 it works. I have another question. I want to add an image as logo from a folder residing on the server do you have an idea how to go about it.

Thanks. 

[saso70]

Hi please be more specific. Where exactly you want to add logo? Maybe screen shot of the area in your app will help me 

[saso70]

Please mark previous answer  like correct.for the rest people to know if they need help.

[SantGeo]

@saso70  on the sheet title bar 

[saso70]

Please check the following link https://community.qlik.com/t5/New-to-Qlik-Sense/Logo-in-qlik-sense-sheet/td-p/1287762#:~:text=When%2....

[SantGeo]

@saso70  Thanks ! But I am trying to achieve that through a Custome theme using CSS Code.