Control's Font Size

[#1]

Greetings,

I could use some help with changing NumericContent font size and just control's font size in general.
In my case, I'm trying to output the content as a nested control of a GenericTile. I am unable to get the font size to change.

I'm building a SAPUI5 App that is going to be shown on a large TV in our warehouse and would show a variety of statistics. Therefore I need my text, mainly content of my NumericContent control, to be as conspicuous as possible and easy to read just by looking at a TV from far away.

I tried researching this but documentation seems rather scarce and default behavior seems to have shifted towards scalability with the device that is using the app.

I tried adding custom CSS but maybe I'm going about it the wrong way?

Thanks in advance.

[Former Member]

Ok, I think I got it. Well, kind of...

If you, for example, use a NumericContent control, it will generate a whole bunch of HTML. Div and Span mainly. I used NumericContent control within a GenericTile control, thus, in order to increase the number value of the NumericContent control, this is the CSS I used:

.ABC div > div > div > div > span {
    font-size: 50px !important;
    color:#d22d95!important;
}

Where ABC is the class set up on GenericTile, after which you traverse a certain number of div elements to finally get to span which is the final link in the chain.

Similarly, I added this CSS class to GenericTile as well, in order to style the header property of the GenericTile control:

.BCA div > div > span{
    font-size: 30px !important;
    color:#9ea4e0 !important;
}