How can I use css for constantly updating values and buttons in Kx Dashboards?

[ui-justin]

I am trying to use css to add responsiveness to a dashboard. The current method works fine for normal text, however the code does not affect buttons, nor text that constantly updates, I believe that when the code updates, it overrides my edits.

This is an example of code that works:

@media screen and (max-width: 1600px){
.basicHeading{
font-size: 17px;
}
}

@media screen and (max-width: 1280px){
.basicHeading{
font-size: 13px;
}

...
}

 This is an example of the code that is not working, I have used 1 px for testing purposes:

@media screen and (max-width: 1280px){

...

.telem{
font-size: 1px;
}

}

[LeahS]

Hello,

Thank you very much for your engagement and contribution to the KX Community Platform.

We are working on a solution for you and will update you as soon as possible. 

Kind regards,

Leah 

[LeahS · Accepted solution]

Hello ui-justin,

We are delighted to welcome you to the KX Community. Thank you for your contribution.

The following should help you for the font-sizing issue of Text&Button:

@media screen and (max-width: 1600px){
.basicComponents_label > div { font-size: 17px; }
.link-button button > span { font-size: 17px; }
}

@media screen and (max-width: 1280px){
.basicComponents_label > div { font-size: 13px; }
.link-button button > span { font-size: 13px; }
}

Let us know how you get on with this. We look forward to future engagement.

Kind regards,

Leah 

[ui-justin]

Thank you, this has worked.