Regions

drwatson

Good point, @Mykle1

Can you then suggest the equivalent change to make the proper way without modifying the main.css?

cskenney

@drwatson Copy the exact same code that @Fozi noted above and put it in the custom.css file.

Below is what I put in my custom.css file.

body {
  margin: 5px;
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}

BKeyport

This post is deleted!

Fozi

@Mykle1 ouh damned…your concerns are absolutely justified. Haven’t hought of that. Thanks for pointing me to that.:thumbs_up_light_skin_tone:

Fifin404

Yes I added code to custom.css not main.css. Thanks for all

Mykle1

@drwatson @Fozi

Can you then suggest the equivalent change to make the proper way without modifying the main.css?

Well, any changes that you consider making in the main.css can be made in the custom.css file without changing the main.css file. The custom.css file will override what is in the main.css file. This way you’re not altering any core files and your modifications will be accepted. When it’s time to upgrade to a newer version of MM the upgrade won’t abort because of changes you’ve made to the core files and your custom.css changes will survive the upgrade. :-)

I’m still learning things every day and I enjoy the process. That’s the whole point for me.

Peace!

cowboysdude

Yes I would HIGHLY suggest you do not change the main.css file… that could send other modules or positions in to chaos. Use the custom css as Mykle1 suggested :)

toots

Sorry if this has been asked. Is there a way to do left_side and right_side? I’m displaying my mirror on a chromecast so it’s locked into landscape mode at 720p and there isn’t a whole lot of room for each of the regions. I’d rather replace top_left and bottom_left with left_side, and just use the entire edge.

sdetweil

@toots u could edit the index.html to add your left/right locations, and add entries to custom.css for them

megagprime

hi all, how could i center this kodi-websocket module between these two?

using bottom left for map, bottom center for kodi websocket and bottom right for wind

i tried custom.css module placement but did not work

.module.MMM-Kodi-WebSocket{
left : 600 px,
}