MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Changing customcss for third party modules.

    Scheduled Pinned Locked Moved Custom CSS
    4 Posts 2 Posters 643 Views 2 Watching
    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.
    • N Offline
      nibov33070
      last edited by sdetweil

      Hi. I’ve added boxes around modules using (for example):

      .module.newsfeed {
         background-color:rgba(255.255.255.05);
      }
      

      and that works fine. When I try the same thing with the module Background slide show:

      .module.MMM-BackgroundSlideshow {
         background-color:rgba(255.255.255.05);
      }
      

      It doesn’t take the settings. Does anyone know why?

      As a bonus question, is there a way to change the colour of the header text in the default calendar module?

      Thanks.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @nibov33070
        last edited by

        @nibov33070 cause backgroundSlideshow IS a background… so the image overlays the color

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • N Offline
          nibov33070
          last edited by

          Thanks for the reply. I was a bit unclear, I was talking about the info option that shows the name of the image being shown. I’ve discovered that the settings are in the BackgroundSlideshow.css file under
          .MMM-BackgroundSlideshow .info {
          }
          If I change the file directly, it works, but if I add
          .MMM-BackgroundSlideshow .info {
          }
          to the customcss file, it still doesn’t take effect.

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @nibov33070
            last edited by

            @nibov33070 sorry, you are still unclear… there is an entry in the css.
            you looked at the code and it uses the info class

            but if u edit the info class (to be the same as the already existing class???) it doesn’t work?

            in the config for the module it says this is required

            showImageInfo: true, 
            

            https://github.com/darickc/MMM-BackgroundSlideshow

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            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 Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy