Changing icons of the modules Current Weather and Weather Forecast

[Manu85]

@sdetweil the selected content is as follows, if I put for example 64 instead of 44 the icon is enlarged

[sdetweil]

@Manu85 i meant the html view item

we need to make a selector clause in the custom.css to select JUST the icon images, right

.weather img ???? {
the stuff from the tip right box, pasted in here
}

you don’t want EVERY img in weather…

[Manu85]

@sdetweil I just want to enlarge these images, tell me what elements you need because I cannot select the entire line of icons I can only select one in the console with ctrl shift i

[sdetweil]

@Manu85 it has a class weather-icon

so you want the img under weather-icon under the weather module (I think)

.weather .weather-icon img {
your stuff
}

[sdetweil]

@Manu85 so you put that into custom.css and hit refresh(f5) on the dev window to see the results

[Manu85]

@sdetweil I hope I expressed myself well, I want to enlarge the weather icons for each day of the week

[sdetweil]

@Manu85 yes each icon uses the same weather-icon class. not just one

try it

[Manu85]

@sdetweil I put this in custom.css?

.weather .weather-icon img {

  }

[sdetweil]

@Manu85 AND the sizing stuff u created n the developer console upper right window inside the braces, copy/paste

swipe them with the mouse, copy

[Manu85]

@sdetweil I copied this line because it’s the one that enlarges the icon in the console, I put that in css.custom and it’s still the same

.weather .weather-icon img {
   max-width: 64px;
  }

default is 44px
when I refresh the console page and I select the icon I don’t have any additional css.custom lines, I don’t know if my explanation is clear