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.

    How to turn compliments blue?

    Scheduled Pinned Locked Moved Custom CSS
    3 Posts 2 Posters 300 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.
    • R Offline
      raspberrypi9
      last edited by

      Hi,

      I would like the compliments text of the default compliments module to be in blue instead of white. I think this can be done with custom css but I struggled with the instructions in the pinned post. If someone would please give me a shortcut of how to do it, I would really appreciate your help.

      Thanks

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

        @raspberrypi9 which pinned post?

        the doc
        Snip20250210_3.png

        says there is a classes config property

        { 
           module: "compliments",  
           position:"....",
           config:{
               classes:"thin xlarge bright",   // default if not specified
               ...
           }
        }
        

        so, you could override one of those

        .compliments .xlarge {
             color: xxxxx;
        }
        

        or you could add another classname and configure that

        { 
           module: "compliments",  
           position:"....",
           config:{
               classes:"thin xlarge bright foo",   // default if not specified, this replaces entire list
               ...
           }
        }
        

        like this

        .compliments .foo {
             color: xxxxx;
        }
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 1
        • R Offline
          raspberrypi9
          last edited by

          That worked great! Thank you so much for taking the time to answer my question.

          1 Reply Last reply Reply Quote 1
          • 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