What's the correct way to remove any margins from a module?

[redink]

I am using MMM-CalendarExt3 with some fairly limited width. I’d like to remove any margins from it and have it go from edge to edge. In the past, I did this using custom.css, but it seemed hacky. I just tried setting the position to “fullscreen_below” and it removed the margins, but it’s sitting at the very top of the screen. How do I make it appear at the bottom of my screen with no margins or padding?

[redink]

Thanks, I ended up doing this in my custom.css

#module_4_MMM-CalendarExt3
{
    margin-left: -40px;
    margin-right: -40px;
}

It doesn’t seem like the best approach, but it works.

[sdetweil]

@redink in main.css the module wrapper is defined like this

.module {
  margin-bottom: var(--gap-modules);
}

so you could override that

.module_name(or class)  {
   margin-bottom: '0px';
}

see the second link in my signature below on how to use the developers window elements tab to discover and test changes before copy/pasting them into custom.css

[redink]

Thanks, I ended up doing this in my custom.css

#module_4_MMM-CalendarExt3
{
    margin-left: -40px;
    margin-right: -40px;
}

It doesn’t seem like the best approach, but it works.