Hi! I have a very simple dashboard using the default theme and all I want to do is to remove some padding/margins and adjust font sizes so the labels fit into the screen on mobile without cutting off. Removing padding with card mod by overriding the CSS for some class seems to work fine, except for the margin around the entity text:
I want to remove the margin (yellow shaded area), which I naively tried to do via the “info” class of the entity title. It works for other classes like “type-entities” and “card-content”, but obviously I’m doing something wrong here (the “color: red” is for testing, but the element isn’t addressed correctly).
Here’s the HTML of that element:
And here’s the CSS:
If I change all margin values for the “info” class in the browser console, it works, but it doesn’t work through card mod. My CSS knowledge is very rudimentary, so I’ll appreciate any help. Here’s the relevant code:
card_mod:
style: |
.info {
margin-inline: 0px 0px;
margin-left: 0px;
margin-right: 0px;
color: red;
}