MMM-DailyBibleVerse

[cowboysdude]

@bminer1 said in MMM-DailyBibleVerse:

How do i make the font smaller? With long verses, it sucks up a lot of space. If I could half the size or match the text size of the other modules, it would free up more mirror.

Custom css file:

 MMM-DailyBibleVerse {
font-size: 12px;
}

should work… make is any size you want…

[bminer1]

@cowboysdude said in MMM-DailyBibleVerse:

MMM-DailyBibleVerse {
font-size: 12px;
}

Im thinking to myself, i know i can do this without help. It has to be simple. Then i gave up and spit it out here. Now look, its a frickin 1 liner! ugh, ill get it eventually.
Thanks, even though your a cowboys fans. ;-)

[bminer1]

@cowboysdude
No luck on the custom.css file. Still the same size. Tried a 8px and no changes.

[broberg]

@bminer1 it’s missing a .

.MMM-DailyBibleVerse {
font-size: 12px;
}

[bminer1]

@broberg Worked! Now to get it a little closer together. Line 1 is really far from line 2.

[cowboysdude]

@bminer1

Eh thought I put the . in there LOL

Try this:

.MMM-DailyBibleVerse {
font-size: 12px;
line-height: 34%;
}

Adjust your % until you get what you want ;)

[arthurgarzajr]

Would it be preferred to control the font size from the configuration of the actual module rather than in the custom.css file? Or what is the standard way to do this in the Magic Mirror framework?

[cowboysdude]

@arthurgarzajr You could put in a config option to do it from config.js… using the custom css file is just as easy :)

[arthurgarzajr]

@cowboysdude Cool thanks! I might make it configurable as an option for the config.js later.

[maestro82]

Any issues running this module lately?

Thanks