How to change button color of variable input object

[lucasfioravanso]

Hi Guys. 

I need to change this  dark gray color when the button is active, I've tried .qv-object-variable-input / .qv-variable-input-button in my .css theme and more, but no sucess.

Can anyone help me on this?
Thanks!!

[sandeep-singh · Accepted solution]

Try this. Change the object ID through your variable input object ID or drop it if you are making updates in the theme css file.

[tid="jWZTqP"] .qv-object-qlik-variable-input button {
background : #595959!important
}

[lucasfioravanso]

Thanks man!!

[Talia_G]

Hello ,

I'm trying this code in CSS:

.qv-object-qlik-variable-input button {

background: red !important;
}

but it changes the background color of all the buttons to red, not only the active one as I would like to. 

Could you help me with what I'm doing wrong please? 

Thanks!! 

[davinci]

Hi @Talia_G ,

This is possible for a "bootstrap" style of a button.

In Developer options (in URL add '/options/developer', then right click on your Variable Input object and select  Developer), in Properties, you can change the "style": "qlik" to "style": "bootstrap".

Then via CSS you are able to modify the button, such as:

.qv-object-qlik-variable-input .bootstrap button.selected {

    background-color: #009845 !important;

}

and

.qv-object-qlik-variable-input .bootstrap button {

    border: 1px solid;

background: white;

padding: 3px 12px;

}

For some outdated documentation, you can check out GitHub - erikwett/qsVariable: Variable extension for Qlik Sense.

Haven't found a way to modify the "qlik" style.  Hope at least this helps!