Border

[ninjabreadman]

@Peter Suggest you try this to limit the width of the MMM-MovieListings module:

.module.MMM-MovieListings {
  max-width: 400px; /* adjust as needed */
}

You said it’s a long title, but isn’t the title “Every Day”? Is it the movie tagline stretching the
module? I think you could target it with something like this:

.module.MMM-MovieListings div div:nth-child(2) {
  white-space: normal; /* why is it not wrapping? strange */
  word-wrap: normal; /* break the text to a new line */
}

There are no classes, so I’m just eyeballing something based on the markup generated here.

[Peter]

Thank you for your help!
Unfortunately it did not work.
Peter

[ninjabreadman]

@Peter can you share your MMM-MovieListings config? I’ll try to replicate the issue.

If you start MM with npm start dev, you can use the DOM inspector to see Inspect the MMM-MovieListings module (or just press Ctrl+Alt+I). What classes does the module have? Can you see your CSS being applied?

[Peter]

@ninjabreadman I feel really stupid, but starting MM with npm start dev fails.
And I have no idea what the DOM inspector is.
Very sorry for that.
This is the MMM-MovieListings config:

	{
			module: "MMM-MovieListings",
			position: "top_right",
  				// Default module config.
				defaults: {
    				apiKey: '04b3f48b71a2ac28797f94d0201a68f6',
				region: 'NL',
    				language: 'en-EN',
    				interface: 'poster', //'list', 'poster', 'detailed'
    				includeMoviePlot: false,
    				maxPlotLength: 198,
    				header: 'Nu in de bioscoop',
    				moviesPerPage: 0,
    				refreshInterval: 1000 * 60 * 60 * 24, //Once a day
    				baseUrl: 'https://api.themoviedb.org/3/movie/now_playing',
    				animationSpeed: 2.5 * 1000,
    				pageChangeInterval: 30 * 1000
		}		
		},

Peter

[Peter]

Every movie is displayed well except “Every day”.
This movie has a very long line in the (sub)title:
“Every day a different body, every day a different life, every day in love with the same girl”
That long line is causing the problem.
I hope you can help!
Peter

[ninjabreadman]

Hi @Peter,

I installed the module with your config (although config was called defaults, which took a while to debug).

This works for me:

.module.MMM-MovieListings {
  max-width: 320px; /* adjust as needed */
}

As seen here:

[Peter]

@ninjabreadman thanks a lot!
This works!
I am very happy with your help.
Peter