@broberg I have sorted it this morning. I really appreciate your taking the time to help me, Thankyou Broberg. So many on here seem unwilling to help. Youre a legend!

@broberg Hi mate. Thanks for taking the time.
I will copy it below… The PushBullet Notification one works fine but ones i mentioned don’t…

 body {




.module.currentweather {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }

.module.MMM-PushBulletNotifications {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}



 }

.module.compliments {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }



 }

.module.weatherforecast {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

Regards

@Sean said in How add transparent background to modules:

.module.calendar {
background-color:rgba(0,0,0,0.6);
border-radius:8px;
padding:8px;
}

I have tried this format …

.module.calendar {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

and it works perfect for most modules but simply will not work for currentweather, weatherforecast or compliments?
Any ideas folks?

@JonoGee said in MMM-ToggleButtons x2 setup:

//

Ignore the // on second module entry. If I take it out it still doesn’t work…

Good afternoon all,
On my mirror I am going to build in a semi hidden button in the frame made of the same material that hides modules so it is just a mirror without any distraction.
I have set this up perfectly and works lovely.
However, I would like to add a second Toggle Button on a different GPIO pin Number to hide a different selection of modules.

When I had a second ToggleButton module to the config file with a diferent Pin, neither of the buttons work. I have included code below…

{
module: 'MMM-ModuleToggleButton',
config: {
buttonGpioPin: 6,
moduleNames: [
'clock',
'calendar',
'MMM-PushBulletNotifications',
'MMM-page-indicator',
'newsfeed',
'compliments',
'currentweather',
'weatherforecast',
'MMM-AlexaPi',
'MMM-GoogleTasks',
'MMM-History',
'MMM-CountDown',
'MMM-Spotify',
'internet-monitor',
'MMM-portscan',
'MMM-network-signal',
'MMM-BackgroundSlideshow',
'MMM-SystemStats',
]
}
},

// {
// module: 'MMM-ModuleToggleButton',
// config: {
// buttonGpioPin: 26,
// moduleNames: [
//	'clock',
//	'MMM-BackgroundSlideshow',
//
// ]
// }
// },

Can anybody tell me if this is possible or where I am going wrong. THanks in advance.

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

I have successfully displayed semi transparent backgrounds behind most modules to aid visibility when using a background image but it will not work on compliments, currentweather and weatherforecast. See my code below…

 body {




 }

.module.MMM-PushBulletNotifications {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}



 }

.module.compliments {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}


 }

.module.currentweather {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

 }

For example. PushBulletNotifications displays a background but the other modules mentioned do not.
Anyone any ideas please?

@Synthic
Hi Synthic, Please may I ask what module you used to display the PiCam feed in MagicMirror?
Regards

@JonoGee just get …
This site can’t be reached 192.168.1.*** refused to connect.
Try:

Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_REFUSED
when trying to get token

Could someone please help where I get Enter your Redirect URI (allowed return URL) from Alexa Voice Service (AVS):
from for this module. 10 hours straight trying to install this going from poor to terrible installation guides and I finally get close to completing installation and this hurdle hits me.
Really struggling here