Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.15.0 is available! For more information about this release, check out this topic.

    compliments reduce font size and move down a little bit

    Custom CSS
    3
    4
    202
    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.
    • kusselin
      kusselin last edited by kusselin

      Hello everyone and have a nice Christmas,
      where in which css file can I reduce the font of “compliments”? and how with which variables ?? and move a little bit down in the mirror?
      Thank you very much for a short feedback.

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

        @kusselin u always put css changes in custom.css

        once u know the class to change

        according to the doc, compliments uses

        classes	Override the CSS classes of the div showing the compliments
        
        Default value: thin xlarge bright
        

        which u can change in config, or you can override in custom.css

        .modulename .class { … }

        u might be able to use large instead of xlarge (for the size part)

        1 Reply Last reply Reply Quote 0
        • kusselin
          kusselin last edited by kusselin

          hello sam…, but where can i find the css class…in custom.css i don´t find anythin also in main.css… 😞

          EDIT:

          O.K. i found this in main.css and put this with smaller numbers…then it´s ok.

          Thank you sam

          1 Reply Last reply Reply Quote 0
          • K
            keineAhnung123 last edited by

            Hello @sdetweil
            I have a similar question: I want the compliments module to have the same appearance as the title of the newsfeed module.

            found in newsfeed-code:

            			if (!this.config.showFullArticle) {
            				const title = document.createElement("div");
            				title.className = "newsfeed-title bright medium light" + (!this.config.wrapTitle ? " no-wrap" : "");
            				title.innerHTML = this.newsItems[this.activeItem].title;
            				wrapper.appendChild(title);
            			}
            

            so i want the compliments style to be “bright medium light”

            the compliments code shows

            	getDom: function () {
            		var wrapper = document.createElement("div");
            		wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright pre-line";
            

            Im not sure how to modify the custom.css.
            Something like:

            .compliments .class {
            bright medium light;
            }
            

            Can you help me? 🙂

            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