@jimmy_382837
@MMRIZE said in Adjust individual table column widths?:
I haven’t examined the rendered HTML yet, but hardcoded style attributes in HTML code are prior than CSS.
In case; You should modify source code of the module to change the result. (Or consider to use monkey-patch)
The rendered result is not hard-coded, so you can adjust it with only CSS.
This is an example. (Anyway, your config was not exactly matched with your previous screenshot…)
.MMM-OpenWeatherMapForecast .module-content {
width: inherit;
/* I don't know why, but it was defined as 300px, might be an issue when you adjust the dimension. so have to reset */
}
.MMM-OpenWeatherMapForecast,
.MMM-OpenWeatherMapForecast .wrapper {
width: 500px;
/* give a custom width to a module */
}
.MMM-OpenWeatherMapForecast .forecast-item .time {
/* Some customizing for `time` cell for example.*/
width: 200px;
background-color: rgb(127 127 127/ 50%);
color: white;
font-weight: bold;
}
[image: 1695627179700-702a0fac-1c29-4e4a-87a6-1fbcda563fa4-image-resized.png]
