Sure, but troubleshooting will have to be done to determine the cause. I suggest you try the following:

1. Disable all modules except the weatherforecast module in your config.js file.
2. Disable all entries in your custom.css file except the one for weatherforecast.

Now see if the css entry for weatherforecast works.

I tried putting that exact clip into custom.css but still nothing changed. Could there be something else somewhere preventing it from moving?

Thanks again

That SHOULD work. Odd. So, instead of pulling it from the right, try pushing it from the left. I just tested it. Unless there is a css conflict somewhere.

.weatherforecast {
  margin-left: 40px;
}

.weatherforecast {
      margin-right: -40px;
}

But still no movement :frowning_face: not sure where to go from here

.weatherforecast

instead of .MMM-weatherforecast.
Odd, but that’s how it is referenced in the module css

Here is what I have:

.MMM-weatherforecast {
       margin-right: -300px;
       min-width: 300px;
}

I tried -300px just to see a noticeable change, but as of now nothing has moved the module. I also checked the MMM-weatherforecast.css but there is no other padding that I think could interfere with the spacing of the modules, but I am fairly new at this. Is there any way I could get it to just align with the right edge of the screen? Thanks again for the help!

You would need:

.MMM-weatherforecast {
  margin-right: 50px
}

The rest may also be applied by the inner margin of the module. SO a margin or padding between the divs in the module container.