Alignment with module "random_quotes"

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.

strawberry 3.141

@qqqqqqqq revert your changes in your js file (git checkout MMM-SystemStats.js)

custom.css

/* aligns the table to the right */
 .MMM-SystemStats table {
  width: initial;
  float: right;
}

/* aligns all columns to the left within the table */
.MMM-SystemStats td {
  text-align: left !important;
}

config.js

{
  module: 'MMM-SystemStats',
  position: 'top_right', // This can be any of the regions.
  classes: 'small dimmed', // Add your own styling. Optional.
  header: 'My own MMM-SystemStats header!',
  config: {
    updateInterval: 10000,
    animationSpeed: 0,
  },
},

The comment in the readme for the custom header is outdated, the author wants to create an update this weekend, therefore the css rules could break, but he might want to add this as a config option and remove the old comment @BenRoe

qqqqqqqq

@strawberry-3.141

Like always, works perfectly!!!

The separator under the heading “My own MMM-SystemStats header!” sticks out of the table to the left; which kind of hurts my eyes.

@strawberry-3.141 said in Alignment with module “random_quotes”:

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

Even the above command doesn’t do it.