@bugman61

If the same code works in any another position but there I’m guessing that either you have something “above” the buttons that hinders it to be clicked on or you have a formatting error somewhere that renders the buttons not clickable/functioning.

If you are okay with the “same” output on both mirrors you can just start a webbrowser in fullscren on the other mirror and open the page from the itx one.

Since the magicmirror is basically a webserver hosting one webpage it can be open on an infinit amount of computers at the same time.

@letmetakeaselfie

You have one punctuation mark to much

Only two . . not three …

../fonts/Yourfile.ttf

If you add your font file in the CSS folder you can use just the filename without any folder pathways

Yourfile.ttf

And you can skip the local part, just use the url

And another issue, you are using smart qoutes in the code, that doesn’t work. Turn of smart quotes in your text-editor.

Notice the difference

Wrong
“DancingScript-Regular”
Correct
“DancingScript-Regular”

@letmetakeaselfie

Use

…/fonts/DancingScript-Regular.ttf

Instead

Try

.ns-box.light {font-size: 120px}
.ns-box.thin {font-size: 100px}

Best guess is that the glass is custom made, probably layered with thin layers of first the mirror coating at the back, then glass, then the capacitive mesh and then more glass on top. It would require the capacative mesh/grid to disregard any background noise from the mirror coating. But that is probably not an issue if the hardware and software of the touchpanel is custom ordered with those conditions.

@richland007

IR touch frame, or add physical buttons to the raspberrys gpio pins and use the button module (can’t remember the name at the moment).

Folder path is misdirected, try this

body {
@font-face {
font-family: “Verdana”;
font-style: normal;
font-weight: 100;
src:
local(“Verdana”),
url("../fonts/Verdana.ttf") format(“truetype”);
},
.newsfeed {
font-family: Verdana;
}, 
}

@trevortreachery

As above or no border at all

 body {
margin: 0; 
 height: 100%;
 width: 100%;
  	
  }

You only add the ( ) part when using calc

@azrael yes, from a regular glass shop, Ask for manufacturer and product name, that way you can google the specs yourself. (Thats what I did)

You need a mirror with a higher lighttransmission. The drawback is that more of the monitors backlight will show when it gets darker in the room.

30% is a really high number for lighttransmission (I have 3% and that is as you describe hard to see when in a light room). 12-20% will work well in normal lighting conditions.

My bad, it isn’t font awesome for the weather module. The icons gets gathered from the openweather api :

https://openweathermap.org/weather-conditions

@thijsmathijs they aren’t pictures per say, they are symbols from a font.

@winter

check you have the spelling correct for the filename, and use only the ttf file (I don’t know why there is two different format files for the same font anyways)

@winter

Updates to the magicmirror software.
You can keep the changes in the main.css, but you will get an error the day you try to update the magicmirror to a newer version.

Try using this :

	@font-face{
	  font-family: Luxia;
	  src: url("../fonts/Luxia-Display.ttf") format("truetype");
	}

Note that the file path is based on where your css files is and where the fonts are.

You can place the fonts directly in to the css folder, if you do that the file path (url) would be like this :

 	@font-face{
	  font-family: Luxia;
	  src: url("Luxia-Display.ttf") format("truetype");
	}

Yes, only the custom.css (anything written in the custom.css will override the same values in main.css)
And if you edit the main.css and update your mirror the update will overwrite the main.css and your changes within. This doesn’t happen with custom.css.

To see where you went wrong, pleas post your custom.css file.

But common things to adress, search path to the font file, the font file sets the format, what does your files end with?

place new css-code after body{}

@solelo look at the pictures and you’ll see that is fitted with four screws to hold it to the frame :)

Go to a shop that replace car windshields and ask them for some of the tape/glue they use ro mount the windshields. Strong stuff!

@maxbachmann

Touchfoil doesn’t work beneath the mirrorglass due to the metallic coating.

Even the mirror supplier that was linked earlier says it has to be an overlay (i.e if you use a foil it should be on another layered glass over the mirror itself)

Touchfoils are basically a sheet of transparent plastic with many really really thin wires running across the surface. Gives you around 98-99% transparency.

@Brenj you are missing a :

between colored and true
And between
Reloadinterval and 18000000