• 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.

Alignment with module "random_quotes"

Scheduled Pinned Locked Moved Troubleshooting
16 Posts 3 Posters 9.9k 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 Feb 17, 2017, 5:35 PM

    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

    S 1 Reply Last reply Feb 17, 2017, 5:38 PM Reply Quote 0
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
      last edited by Feb 17, 2017, 5:38 PM

      @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 Feb 17, 2017, 5:47 PM

        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;
          }
        }
        
        
        S 1 Reply Last reply Feb 17, 2017, 5:48 PM Reply Quote 0
        • S Offline
          strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
          last edited by Feb 17, 2017, 5:48 PM

          @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 Feb 17, 2017, 5:51 PM

            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?

            S 1 Reply Last reply Feb 17, 2017, 5:54 PM Reply Quote 0
            • S Offline
              strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
              last edited by Feb 17, 2017, 5:54 PM

              @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 Feb 19, 2017, 7:07 AM Reply Quote 0
              • Q Offline
                qqqqqqqq
                last edited by Feb 18, 2017, 7:13 AM

                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. ;)

                S M 2 Replies Last reply Feb 18, 2017, 7:54 AM Reply Quote 0
                • S Offline
                  strawberry 3.141 Project Sponsor Module Developer @qqqqqqqq
                  last edited by Feb 18, 2017, 7:54 AM

                  @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
                  • M Offline
                    Mykle1 Project Sponsor Module Developer @qqqqqqqq
                    last edited by Feb 18, 2017, 12:17 PM

                    @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 Feb 19, 2017, 7:22 AM Feb 19, 2017, 7:07 AM

                      @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.

                      S 1 Reply Last reply Feb 19, 2017, 10:59 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        10/16
                        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