MMM-PaprikaMenu: Increase Font Size

[fabian2]

I installed PaprikaMenu and the font is astronomically small, is there a way to increase the font size?

I have tried to increased the size in the css module of Paprika and still no luck.

[lavolp3]

@fabian2
have a look into the MMM-PaprikaMenu.css, then find out the respective font sizes.
In this case there’s e.g.

.MMM-PaprikaMenu table.menu {
  font-size: 17px;
  line-height: 1;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.MMM-PaprikaMenu .menu .date {
  font-size: 14px;
}

.MMM-PaprikaMenu .menu .meal {
  font-size: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MMM-PaprikaMenu .menu .today .date {
  font-size: 17px;
}

.MMM-PaprikaMenu .menu .today .meal {
  color: #FFF;
  font-size: 24px;
}

Not ure if I have all.

You can now

1. comment the font-size lines e.g. with a # in front of them, so they adapt to MagicMirror font sizes
2. copy them to custom.css and adjust font sizes.

Font size, like all css properties are interpreted top to down, so if you give the module(or the .MMM-PaprikaMenu class) a font-size, the property will be overwritten by the same property of every child element (e.g. by the font-size of .MMM-PaprikaMenu .menu .date).