How do I enlarge weather icons?

How do I enlarge weather icons?
0

#1

I am using the openweathermap api to get my icons. However, they are of a fixed size. How do I enlarge them?
Thanks in advance.


#2

Do you have a CodePen you could link to?


#3

I suppose you could add something like: img{ width: 100px; } or whatever.


#4

@BenGitter Thanks! I will give it a try.


#5

@PortableStick yes it is http://codepen.io/aks2161989/full/ZOqGGE/
It is still in an initial stage and needs a lot of work.


#6

Slight offtopic, but if you are using openweathermap you should check out this thread.


#7

@jenovs I didn’t know that. Thanks for informing me.


#8

In the icon’s class in the CSS, put this:

font-size: 2em;

Or any size to replace the 2. For example, the weather icons I used are prefaced with a “wi”, so to change their size you would put:

.wi {
  font-size: 2em;
}

I hope this helps!


#9

Thanks for your advice! I will try that, but I hope the icons don’t get blurred.


#10

They shouldn’t, they’re icons not images :slight_smile: