Alignment with module "random_quotes"

qqqqqqqq

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

@qqqqqqqq try that in custom.css

.random_quotes {
  width: 250px;
}

qqqqqqqq

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

@qqqqqqqq delete body { and the last }

qqqqqqqq

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

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

qqqqqqqq

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

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

Mykle1

@qqqqqqqq said in Alignment with module “random_quotes”:

you seem like an expert at MM2.

Oh, he is. :thumbsup:

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.