How to change Title background color of variable input object

[punitpopli]

Hi Experts,

I am looking for an option to customize the Title background color of Variable input object in Qlik sense.

I was able to change the background color of the value section, but unable to find an option for title.

had tried changing the title using CSS, but it changes the title background for all the objects where title is enabled and have to restrict only for variable input box (available under dashboard bundle)

Can anyone help me on this?

@Michael_Tarallo  - Apologize on tagging you in here directly. Would you mind sharing your thoughts

Regards,

Punit 

[punitpopli]

Hi @sunny_talwar  - Would you mind sharing your thoughts on this 

[ErikWetterberg · Accepted solution]

Hi Punit,

You can style the title of an extension with a CSS selector of the format:

.qv-object-[extension]  .qv-object-title

So for the variable extension this would be:

 .qv-object-qlik-variable-input  .qv-object-title

In newer releases the title color is actually set with an inline style, which means you need to add !important to override, so a rule would be:

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

   color:red !important;

}

I have written more about this here:

https://extendingqlik.upper88.com/using-css-in-qlik-sense/

Not that since this was written, there has been some changes, mainly in the use of inline styles (you can now actually select header font color for individual charts in the property panel).

[punitpopli]

thanks @ErikWetterberg  
This was really helpful and was able to achieve the required functionality

thanks again!

[Michael_Tarallo]

Looks like you got your answer - you can tag me if needed, I just might not see it right away.