Hi all,
I have opened a browser and connected to the mirror. Opened the developer tools and checked the settings for the module.
I found out that the QRcode itself showed as ‘img’.
I have adjusted the custom.css with following settings:
.MMM-WiFiPassword #WiFiPassword {
width: 140px;
}
.MMM-WiFiPassword img {
width: 125px;
height: 125px;
}
Now the QR code is showing in the correct size:
Thank you for the support, it’s really appreciated!
Gerben
hi @sdetweil ,
I’ve tried many settings like this one:
.MMM-WiFiPassword .qr-image {
width: 300px;
height: 300px;
}
But then I get this:
So only the white area is bigger, the QR itself is still very small.
Hi @mumblebaj,
Thanks for your reply.
I have just configured this module, but the result is the same. With the size of ‘150’ the image is already very small. When I configure the setting imageSize to ‘400’, it stays at the same size.
this is the configuration:
{
module: ‘MMM-QRCode’,
position: ‘bottom_right’, // change the position according to your need bes$
config: {
text: ‘Just an example’, // enter your message here.
showRaw: true, // true = to show the text, false = to hide the text.
imageSize: 400, // size is in px (both the height and with are equa$
colorDark: “#fff”, // set qrcode px color.
colorLight: “#000”, // set backgroud background color(by default co$
}
},
It seems like when I restart the mm container, for half a second the image is large, but changes back to small.