Make widget smaller

Hello candyg333,

The widget adapts font size to the rest of your page accordingly.

1. You can “play” with the CSS (a bit complicated if you are not familiar with editing the WordPress’ CSS)
e.g.
.weather-atlas-wrapper {font-size:80%}
(this would make font smaller of the entire widget)

2. Just omit some options (feels like etc., or daily forecast) is the widget’s settings in Admin panel

Thanks for the css. I am not too great at using css, but fortunately the author of my theme (Generate Press) has an excellent plug-in called simple CSS and I have used several times in the past and everything is…like it says…simple!

Unfortunately when I use the css you gave me it does not seem to change the font size of the temp, etc. I did take your suggestion to eliminate the settings which makes the widget the size I would like, but the font is still a lot larger than I would like.

I even tried changing the css to 50% but that made no difference, even after clearing my chache. Maybe there is something I am doing wrong, but don’t know what it could be.

I asked the makers of my theme about it and this is what they said:

The font size is actually added an inline style which makes it hard to use CSS:
https://www.screencast.com/t/TIeC5Pywgp

Can you not just edit the inline style?

Have you followed up with their support to see if they can provide further assistance?

They also had this comment:

It’s generally not a great idea to try to overwrite inline style and I assume there should be a simpler way from their end.

Sorry for the late reply, we did not get the notification of the follow up on the email.

As usual, it’s a “ping-pong” between devs who’s right.

There’s nothing wrong with “playing” with a style – either within a CSS or inline style. (You should have freedom)

Another issue is if you (or any other user) have knowledge of what you are doing (how and what are the consequences)
We have set various (reasonable) options for styling.
For more control, we’ve placed wrapper (.weather-atlas-wrapper) that you can target and manipulate through CSS as much as you need.

We can not style widget for every user, but try setting
.weather-atlas-wrapper {font-size:80% !important}
or
.weather-atlas-wrapper {font-size:14px !important}
in simple CSS
(if it works you can set other classes within the wrapper as well according to you needs)

p.s.

we’ve installed Simple CSS, added only (as instructed in the first reply)

.weather-atlas-wrapper{font-size:50%}

and the widget has “shrinked” (proportionally) as it is intended.