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.

    Random_Quotes

    Scheduled Pinned Locked Moved Custom CSS
    5 Posts 3 Posters 646 Views 3 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.
    • plainbrokeP Offline
      plainbroke
      last edited by

      Hello,
      I need to set width of this module random_quotes in my custom.css.
      Right now the only way I can find to get it to flow the full width of my screen is to edit line 176 of the modules js file. link text
      From this:

      quote.style.maxWidth = '50%';
      

      To this:

      quote.style.maxWidth = '98%';
      

      What would I put in the custom.css to make the same change?

      Slow learner. But trying anyways.

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

        @plainbroke see this
        https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1661223368908

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        plainbrokeP 1 Reply Last reply Reply Quote 0
        • plainbrokeP Offline
          plainbroke @sdetweil
          last edited by plainbroke

          @sdetweil
          Hey I used that ctrl+shift+i and that was how I found what was causing the width issue. When i put the that in the css it did nothing.
          So where am I not seeing how to use that window in MM.
          I followed the instructions you gave in the page you linked to, but all it showed me what I had already found in the modules js file. Wait since it is in the modules js file do I need to set the sizing in the config.js of MM instead?

          Slow learner. But trying anyways.

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

            @plainbroke all updated styles go in custom.css

            if a module provides configuration options, then you could use that

            css overrides work on most specific wins.

            did the style work in the dev window?

            sometimes you have to force it by adding !important to the style you are setting to get specific.

            width is a crazy thing in browser…

            it’s the width of the square, NOT THE WIDTH of the content.

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            plainbrokeP 1 Reply Last reply Reply Quote 0
            • plainbrokeP Offline
              plainbroke @sdetweil
              last edited by

              @sdetweil
              Ok I forgot about the important message in the css. I will try that when I get a chance. Busy week this week and next.

              Slow learner. But trying anyways.

              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