I was able to achieve this with the default weather module.
I duplicated the module so I could remove the space between current and forecast.

Using custom CSS I was able to do the following

.module.weather {
     background-color:rgba(0,0,0,0.1);
     border-radius:10px 10px 0px;
     padding:4px;
     margin-bottom:0px;
}
.module.weather2 {
     background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
     border-radius:0px 0px 10px;
     padding:4px;
}

I am trying to do the same for MMM-MLB.

I duplicated the module so I could have one with scores and the other with standings.

My custom css looks the exact same other than no gradient.

.module.MMM-MLB {
     background-color:rgba(0,0,0,0.3);
     border-radius:10px 10px 0px;
     padding:4px;
     margin-bottom:0px;
}
.module.MMM-MLB2 {
     background-colour:rgba(0,0,0,0.3));
     border-radius:0px 0px 10px;
     padding:4px;
}

I have tried margin-top, and margin-bottom on both with 0px, 0%, 0, I have tried -500px and nothing will change the distance.

If anyone has a suggestion its appreciated.

Thank you.

@bkeyport Thank you! I realized after I made the post it is called gradient.

For future knowledge

change background-color to background-image and add linear-gradient with another RGBA value.

Thank you for your help.

Is there a way to have CSS go gradient to the left and to the right?

I have the news module at the bottom and I really just want it to be dark in the centre where the headlines are.

I have tried to right and to left, I have tried radial and nothing seems to work.

@sdetweil this forum is amazing. Thank you.

If I follow this thread and install on a new SD card using a 3B+ would it work plug and play on a ZeroW?

https://forum.magicmirror.builders/topic/11961/installing-magicmirror-on-your-raspberry-pi-zero-w

I followed this thread to add transparent backgrounds to my custom.css

Is it possible to set a fade to the background similar to how the default calendar and weather have a fade?

Thanks.

.module.calendar {
     background-colour:rgba(0,0,0,0.1);
     border-radius:10px;
     padding:4px;
}

I have MMM-MLB scoreboard and standings uploaded. Both just show the header with the Logo.

I know it’s the off season, I just want to know if I have the module installed properly.

Thanks

@ankonaskiff17

these settings might help

type: “daily”

weatherEndpoint: “/onecall”,

I could not get the 5day to work, kept on saying loading.

@sdetweil
Helps to read sometimes. Thank you.

It is currently showing that the sun will rise at 10:19am and set at 8:30pm. I have set the timezone with “America/Toronto”. When it should be ~7:20am, 5:45pm.

I have seen some other modules so I might just disable and use those.