MMM-RAIN-MAP covers part of the module above it

[RonR]

I’m trying to position MMM-RAIN-MAP so it does not cover part of the module above it. I have tried 3 suggested custom.css entries with no help.

.MMM-RAIN-MAP {
  margin-top: 20px; /* Move down by 20px */
  /* or */
  top: 20px; /* If positioned relatively or absolutely */
}

.MMM-RAIN-MAP {
  position: relative;
  top: 20px; /* Moves the map down by 20px */
}

They do not seem to have any affect on the position. When I start mm MMM-RAIN-MAP seems to be lower on the screen and then it jumps up to cover the bottom part of the calendar module above it.

What else can I try to get it to position where I want it?

TIA, Ron R

[sdetweil]

@RonR I do not know, but if you use the developers window, elements tab, you can test and discover what it should be
(without adding stuff the custom.css try it, etc,etc,etc.etc)

see the second link in my signature below for a short topic on the elements tab

I ‘think’ you want the .module-content class div to move it…
relative is to the thing it is INSIDE, absolute is to the screen,

[RonR]

Sam, thanks for the info on the developers window. I’ve looked at it briefly for a couple other issues but had not thought about it for this. I’ll give it a look. The only problem with it is that I need a microscope to read anything.

Thanks

[sdetweil]

@RonR ctrl-+. Should zoom in