Skip to Content
Sep 16 at 10:12 AM

How to write css that makes the Row_Headers in uppercase be in bold-text

105 Views Last edit Sep 16 at 09:22 AM 3 rev

Hi everyone,

I just got started with Lumira designer and do not have much knowledge since it's a new tool to me, I am working on income statements , styling them using the custom css script file, however I have just realized that this won't work when you want to add conditional statements so css can only apply to specific component, can anyone please help, here is an example of the css statements, I used a line number to reference where this should apply, however this approach does not work because the row-headers I want to bold are not sitting in the same line in all income statements.

.sapzencrosstab-RowHeaderArea tr:nth-child(4) .sapzencrosstab-HeaderCellDefault, .sapzencrosstab-RowHeaderArea tr:nth-child(4).sapzencrosstab-HeaderCellAlternating, .sapzencrosstab-DimensionHeaderArea .sapzencrosstab-HeaderCellAlternating, .sapzencrosstab-DimensionHeaderArea .sapzencrosstab-HeaderCellDefault{color: Black; font-weight: bold !important; }

How can I bold row-headers based on a condition of only line who's row-headers are in uppercase?

To try summarize my question, is there a way to use css based on the row/column name instead of number? if there is ,how can I modify the code pasted above.

Your assistance will be highly appreciated!