MMM-QuotesFromReddit

Spankythemusical

Is there any way to add a css file to control the font size? While this is an unbelievably wonderful module, the quotes come in so large that it sometimes takes up half the screen.

Mykle1

@Spankythemusical said in MMM-QuotesFromReddit:

Is there any way to add a css file to control the font size?

The readme for the compliments module:
https://github.com/MichMich/MagicMirror/tree/develop/modules/default/compliments

Configuration options

classes

Override the CSS classes of the div showing the compliments

Default value: thin xlarge bright

Spankythemusical

While it is entirely possible that I’m overlooking something simple, adding that config to the MMM-QuotesFromReddit section of config.js has no effect.

Mykle1

@Spankythemusical

My mistake entirely. I thought we were talking about the compliments module.

in your custom.css file you could try adding this:

.MMM-QuotesFromReddit thin.xlarge.bright {
  font-size: 21px;  /* Adjust accordingly */
}

Spankythemusical

No problem. I was sure it was something that I was doing wrong. So in my MMM-QuotesFromReddit.js file I added:

 },

        getStyles: function () {
                return ["MMM-QuotesFromReddit.css"];
        },

Then I created a MMM-QuotesFromReddit.css file and put in the line that you wrote. Still no change. I’m going to continue messing with it, but any additional help would be unbelievably appreciated.

EDIT: I figured it out. I changed the line:

wrapper.className = "thin xlarge bright";

to:

wrapper.className = "small";

Works like a charm!

bthuilot

@Spankythemusical Hey sorry for the late response, I will make it so that you can change that in the config file soon and not need to edit the js file.

Spankythemusical

@bthuilot It’s no big deal. I honestly don’t know if the issue I was having was the same for anyone else. Just glad I was able to find a workaround so that I could use your module. Thank you for the work!

5M3D1N4

@bthuilot I know this is years later but is this module not available anymore?