Quick CSS help please

[JonoGee]

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?

[JonoGee]

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