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?

1 Like
#3

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

1 Like
#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.

1 Like
#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!

2 Likes
#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:

1 Like