@TrevorNoah sorry, not quite sure what you mean.

your module output is put into one of the MM regions… by position: in config.js
unless u use one of the fullscreen regions, you don’t have access to the whole screen

each region will be scrollable, vertically when the content goes over the screen size.

can u explain what “the class position to relative” and "text the design everything gets mashed together " means… maybe a screen shot

@JonoGee MIght be worth mentioning also the default clock module works with exact same coding formula…

I’m looking at the border-bottom in the ‘Lower third’ region.
Currently, the line below the heading, when enabled, crosses the entire display.

The CSS attributeborder-bottom-width changes not the width, but the height of the line, not what I want.

How then, do I get border-bottom in lower-third, to be just the width of what it’s showing, and not the entire width of the display?

Thank you.

@saljoke
i actually was able to go to the module itself. I adjusted the .css file inside the module folder. It seems to work so far with no issues.

.clock .bright {
font-size: 120px;
padding-bottom: 20px;
}

fixed!

@Peter We need to see your custom.css if we will have any chance at all to help you.

Hi all.
As i just migrated my mirror to my 7" touch screen and are working on a bedroom table mirror where i got the clock in the center and the date above i need to get this to bi a bit bigger and also a space between the date and clock as i found a css for adjusting the clock size but when i do this the clock ends up covering the date so how do i do this in css?

I would like the text that says " Dr.Baqui" to be lined up on the left hand side. It is the stock calendar and I have tried a few things but can’t get it working. when I tried Float: left in the css it did pull it to the left but now the time of the event isn’t on the right side it’s in the middle.

alt text

@justjim1220 said in MMM-NOAA3:

Any idea what it means?
Any idea how to fix it?

appears the api did not return the expected data

data.pollution failed as data does not have a value

@Macgomes
Are you saying about MagicMirror?

@rabbit83ka How do you cut the power to the backlight only?

Re: How add transparent background to modules

Hopefully somebody can help

I am using the MMM-iFrame module to grab the now playing status page of a network music system (logitech Media Server)

This works fine except that it had a background and looks unsightly blocking the full page images of the MMM-Wallpaper module, I have managed to edit the originating CSS of the status page to have a transparent background, using the below

background: rgba(0,0,0,0); background: transparent;

I can confirm this works when I load my MagicMirror page via normal laptop chrome browser pointed at the IP of the RPi. So all is good I thought.

0_1554242098282_445405ad-cb1f-4659-aadd-f951cd575f5a-image.png 

However when I load up the Magic Mirror on the on the RPi, there is still a black background on the iframe.


I have then gone on to edit both the custom css page with code taken from the above referenced thread

module.MMM-iFrame { background-colour: rgba(0,0,0,0); background-colour: transparent;

I have also tried to add the above to the CSS code of the of the MMM-iFrame module itself.

None of which has worked. I am fine with following instructions and generally get there in the end. But not sure where to go from here to get it to work.

So could somebody kindly help me figure out what I need to do so that the inbuilt browser of MagicMirror recognizes the transparent background of the captured web page like Chrome & Chromium do, its the last piece of the puzzle before this thing can get hung on the kitchen wall

cheers

Jelbear

Does anyone know how to edit the custom.css to make the icons for the 4-day forecast bigger?

The process where the user wants to find out the work that will be able to manage it in such way where the user will be able to get the work better so netgear r6700 review will able to get the work better for width module on 3.5 in the screen.

can u post and example of the html and CSS used for that?

Thank you very much. I understood, but this is still difficult for me.

Brilliant! Thank you so much.

this should work

.compliments .xlarge { font-family: Verdana; font-weight: 10; }

0_1550672751542_sc1.png

I don’t know what you mean grayscale theme, but how about this? Unless you set your style to event, it will be displayed as B/W style.
like this;
0_1550672935437_sc2.png
Of course you can adjust color with CSS.

[card:eouia/MMM-CalendarExt2]

MMM-CalendarExt can do that also.

@userloris

You might try changing the config position of each module to fullscreen_above, as such:
position: 'fullscreen_above',

I don’t know how each module will react to such a setting. You might see some odd formatting in the display of modules that were not designed/intended to be displayed this way.