• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 267 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 Feb 11, 2025, 3:03 AM

    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 Feb 11, 2025, 4:33 AM Reply Quote 1
    • S Away
      sdetweil @raspberrypi9
      last edited by sdetweil Feb 11, 2025, 4:38 AM Feb 11, 2025, 4:33 AM

      @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 Feb 11, 2025, 4:06 PM

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

        1 Reply Last reply Reply Quote 1
        • 1 / 1
        1 / 1
        • First post
          3/3
          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