MMM-OpenWeatherForecast... CSS

BKeyport

I wanna move the wind icon to the right of it’s cell… How to do this?

Custom CSS at present:

/* Weather Alerts */

.MMM-OpenWeatherForecast .weather-alert {
  display: none;
}

.MMM-OpenWeatherForecast .weather-alert .weather-alert-title {
  display: none;
}
.MMM-OpenWeatherForecast .weather-alert .weather-alert-description {
  display: none;
}

.MMM-OpenWeatherForecast .weather-alert .weather-alert-source {
  display: none;
}

.MMM-OpenWeatherForecast .module-content {
  width: 620px;
}


.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item .time,
.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item .day-name {
  font-size: unset;
  
}

.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item > *,
.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item > * {
  font-size: unset;
}

.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item .temperature,
.MMM-OpenWeatherForecast .wrapper.tiled .forecast-container .forecast-item .temperature-container {
  font-size: unset;
}

.MMM-OpenWeatherForecast .wrapper.table .forecast-container {
  font-size: unset;
}

.MMM-OpenWeatherForecast .wrapper.table .forecast-container .forecast-item > span,
.MMM-OpenWeatherForecast .wrapper.table .forecast-container .header-row > span {
  font-size: unset;
}

.MMM-OpenWeatherForecast .wrapper.table .forecast-container .header-row > span {
  font-size: unset;
}

sdetweil

@BKeyport see the second link in my signature below
And google search
Move icon to the right on web page

The second will give you styles to try
The first will give you the tool to test with

BKeyport

@sdetweil I’ve tried everything I could think of, and can’t get it to translate to custom CSS.

sdetweil

@BKeyport if you can do it in the dev window just copy paste and add the module name prefix.

I don’t use that module

Use the dev window , select the element, maybe element parent right-justify

sdetweil

@BKeyport care to share config without api key

sdetweil

@BKeyport
using the default everything config

google search result
https://stackoverflow.com/questions/56289240/how-to-move-the-icon-to-the-right-end

and with

.MMM-OpenWeatherForecast .wind-header {
   float;right;
}

BKeyport

@sdetweil odd - I tried that before and it didn’t work. Now it does.

CSS man.

Thanks.

sdetweil

@BKeyport not me. I just tried what Google search results suggested

Key item the style was on the span, not the img