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.

    Alignment with module "random_quotes"

    Scheduled Pinned Locked Moved Troubleshooting
    16 Posts 3 Posters 10.0k 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.
    • Q Offline
      qqqqqqqq
      last edited by

      I’m using the module random_quotes to display pre-defined quotes from a local file.
      Now, the problem is that I’ve set it’s position to ‘top_right’ & aligned it to the right so that it appears just below the current weather module; but instead of appearing in 2-3 rows, it it blocking the calendar module (currently hidden).

      I know I have to just change the margin value in the random_quotes.js, but I can’t seem to get it right. Here is the image.

      0_1487352887035_random_quotes module.png

      strawberry 3.141S 1 Reply Last reply Reply Quote 0
      • strawberry 3.141S Offline
        strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
        last edited by

        @qqqqqqqq try that in custom.css

        .random_quotes {
          width: 250px;
        }
        

        Please create a github issue if you need help, so I can keep track

        1 Reply Last reply Reply Quote 0
        • Q Offline
          qqqqqqqq
          last edited by

          My custom.css is a blank file.
          Is this correct? If yes, then it’s not working.

          /*****************************************************
           * Magic Mirror                                      *
           * Custom CSS                                        *
           *                                                   *
           * By Michael Teeuw http://michaelteeuw.nl           *
           * MIT Licensed.                                     *
           *                                                   *
           * Add any custom CSS below.                         *
           * Changes to this files will be ignored by GIT. *
           *****************************************************/
          
           body {
           .random_quotes {
            width: 200px;
            }
          }
          
          
          strawberry 3.141S 1 Reply Last reply Reply Quote 0
          • strawberry 3.141S Offline
            strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
            last edited by

            @qqqqqqqq delete body { and the last }

            Please create a github issue if you need help, so I can keep track

            1 Reply Last reply Reply Quote 0
            • Q Offline
              qqqqqqqq
              last edited by

              Works like a charm!
              Thank you SOOO much.

              Can I use this to set margins for other modules as well? If yes, how?
              How do I set their alignment?

              strawberry 3.141S 1 Reply Last reply Reply Quote 0
              • strawberry 3.141S Offline
                strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
                last edited by

                @qqqqqqqq to set margins which is the outer distance to another element

                .MODULENAME {
                  margin: 10px 5px 15px 20px; //10px top, 5px right, 15px bottom, 20px left
                }
                

                Please create a github issue if you need help, so I can keep track

                Q 1 Reply Last reply Reply Quote 0
                • Q Offline
                  qqqqqqqq
                  last edited by

                  Okay, understood.

                  Are you familiar with the “stocks/MMM-Stocks” module? Because I’ve having trouble with them too.

                  I’ve got few more questions, should I create new threads for them, or can I PM you or something since you seem like an expert at MM2. ;)

                  strawberry 3.141S Mykle1M 2 Replies Last reply Reply Quote 0
                  • strawberry 3.141S Offline
                    strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
                    last edited by

                    @qqqqqqqq because it’s related to another module I suggest to create a new thread, so users who have the same issue can find it via search. Benefit for you, you can also get opinions from others, but you can also send a pm.

                    Please create a github issue if you need help, so I can keep track

                    1 Reply Last reply Reply Quote 0
                    • Mykle1M Offline
                      Mykle1 Project Sponsor Module Developer @qqqqqqqq
                      last edited by

                      @qqqqqqqq said in Alignment with module “random_quotes”:

                      you seem like an expert at MM2.

                      Oh, he is. :thumbsup:

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 1
                      • Q Offline
                        qqqqqqqq @strawberry 3.141
                        last edited by qqqqqqqq

                        @strawberry-3.141

                        I’m trying to align this module to right cuttently it appears like this

                        alt text

                        But there is no alignment tag.
                        I also tried to add align attribute to the HTML tag in the .js file. But even that doesn’t work.

                        Also, the module has a header property which isn’t showing up. It works if I add it to the HTML tag, but not via the config file.

                        strawberry 3.141S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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