Skip to main content
Announcements
Join us at Qlik Connect for 3 magical days of learning, networking,and inspiration! REGISTER TODAY and save!
cancel
Showing results for 
Search instead for 
Did you mean: 
sibin_jacob
Creator III
Creator III

Edit CSS to change the Qlik Sense Chart color


Is there a resource in help.qlik that lists the classes that I’d need to style to override the qlik settings of the charts

I got few information from the below posts that I need to edit the requirejs file to implement this.

Mashup custom CSS

Access to CSS

Is there a resource in help.qlik that lists the CSS classes that I’d need to style to override the qlik Sense settings of the charts


Thanks,

Sibin Jacob. C

3 Replies
JavierBlanco
Contributor III
Contributor III

Same issue here.

I need to override the font-family of my app, so I'm trying this:

* {
font-family: 'Helvetica';
}

And it works even for the actual menus of Qlik Sense software, but not for the tables and graphics of my app. What should I to do?

Thanks in advance.

JavierBlanco
Contributor III
Contributor III

Adding !important to my CSS code seems to work, but at the same time it has annoying secondary effects, "explanatory tags" appear all over my app overlapping my widgets, like in this filter pane:

Sin título.png

Honestly, it's hard to believe that changing the font of an app in Qlik Sense is so complicated. I have checked a lot of references across the Internet and nothing seems to work.

Ken_T
Specialist
Specialist

official way to do this in an app is with a custom THEME.

it is a dark art, and finding the class names is not easy and I have found there is very little documentation to help with this.  You can look at some of the existing themes, and review their code, to start to see some of what you can do with themes.

 

here are 2 links to get you started:

https://community.qlik.com/t5/Qlik-Design-Blog/How-to-create-a-custom-theme-in-Qlik-Sense/ba-p/14719...

https://help.qlik.com/en-US/sense-developer/May2021/Subsystems/Extensions/Content/Sense_Extensions/C...