Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Quick CSS help please

    Custom CSS
    1
    2
    453
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      JonoGee last edited by

      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?

      J 1 Reply Last reply Reply Quote 0
      • J
        JonoGee @JonoGee last edited by

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

        1 Reply Last reply Reply Quote 0
        • 1 / 1
        • First post
          Last post
        Enjoying MagicMirror? Please consider a donation!
        MagicMirror created by Michael Teeuw.
        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy