@Mykle1

That fixed it.

Thanks

I can’t seem to get this module to work. I get a black screen. I was able to use the MLB scores module with no problem.

@strawberry-3.141 I opened up the error log and this is all I see:

1271271271271111111111111111

The mirror starts up with no problems. It just says error next to the microphone symbol.

@cowboysdude I got the new mic, and the pi can see it now, but the mirror is showing error next to the microphone.

Is there anything wrong with my config file?

            {
                            module: 'MMM-voice',
                            position: 'bottom_bar',
                            config: {
                                    microphone: 1,
                                    keyword: 'MAGIC MIRROR',
                                    timeout: 15,
                    }
            },

@smithdsl How did you find which modules are loaded in which order?

@strawberry-3.141 I was able to view the inspect the html with crtl+shift+I.

my problem is it doesn’t look like the example above.

@cowboysdude I wasn’t planning on changing the any core css files. Wanted to look at it so I could find the module information like the earlier post then change the custom.css

@strawberry-3.141 Thanks for the advice. I plugged the mic into my Mac and I couldn’t get it to see it. Must be the mic. I ordered a new one so I will find out in a few days.

I had the same problem. I removed the calendar url, rebooted, then added the calendar url back in and rebooted again.

It seems to be working now.

@KirAsh4 said in Resize custom or main modules:

Those CSS rules will affect all the modules, as all modules use them. If you only want to affect one single module, then you need to change the rules to point to the specific module. Let’s say you want the text smaller on the newsfeed, then you need to look at the actual HTML being created to get the class named being used:

<div id="module_8_newsfeed" class="module newsfeed newsfeed" style="transition: opacity 1.25s; opacity: 0; position: static;">
  <div class="module-content">
    <div>
      <div class="light small dimmed">ESPN - Top News, 4 minutes ago:</div>
      <div class="bright medium light">Georgia RBs Chubb, Michel still iffy for opener</div>
    </div>
  </div>
</div>

Now you can see that the rules that affect the text, 'light small dimmed' and 'bright medium light' are all contained within the main class 'module newsfeed newsfeed' (on the very first line.)

Using a bit of CSS juju, doing this:

.newsfeed .medium {
  font-size: 18px;
}

… will make the text of the article headline smaller than the default '30px'. And this will only affect the newsfeed module. All the others also using the 'medium' rule will be unaffected.

Where can I find the HTML file that is being created?

The only HTML file I see is at ~/MagicMirror/index.html

This file looks nothing like the example shown here.