We’re noticing that the degree symbols in the weather widget move to a spot below the temperature when the screen is adjusted to a certain width. Seems to display fine when page is loaded on desktop or mobile (as sidebar tends to be larger), but somewhere around tablet width the symbols will move. Hoping that there might be some kind of CSS we could use that would target the issue with just that particular size?
Also, since we’re talking about the weather (widget), we also see that sometimes temperatures will appear with decimal points and sometimes they won’t. So occasionally we’ll see 98° and other times all temps will show with decimals (very rarely), like 94.7°, so is there a setting to limit the display to one way or the other?
Any assistance would be appreciated.
Hello !
Please provide a link to your website and we will take a look.
Thank you !
Weather is in home page sidebar (and a few other places) at: https://www.inmaricopa.com/
Thanks!
Hi,
You can try this custom css -> https://i.imgur.com/23aWjV1.png
.td-weather-days .td-day-degrees {
font-size: 18px;
}
This code need to be set in this place -> https://i.imgur.com/s0Zp2cV.png
Hope it will help you!
CSS just makes the temperature font size smaller for only the tablet view. Seems to work fine, thanks so much!
I’m glad that I was able to help you!
