MagicMirror Forum

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

    Usage of "classes" Parameter

    Custom CSS
    2
    2
    410
    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.
    • T
      tylerj714 last edited by

      The module configuration documentation says that you can set a custom “classes” parameter and specify css classes for a module. I am displaying several modules on multiple pages where the main page has a small “snapshot” bit of information, and then on another page I have more in-depth information (calendars, weather forecasts, etc.). I’d like to adjust the font size for the module on only one of the pages. What is the format of using the “classes” parameter then? I’ve tried this for the config:

      ...
      module: 'module-name',
      classes: 'myclass',
      ...
      

      and then something like this in the custom.css:

      .module-name .myclass {
      font-size: 50px;
      }
      

      but it doesn’t seem to be taking, so I’m assuming I’m doing it wrong and haven’t been able to find any examples. Any help would be great. Thanks!

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

        @tylerj714 i think these classes are without the module prefix

        you should be able to see the classes assigned in the developers window elements tab

        Sam

        Create a working config
        How to add modules

        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