Version 3.8.7

[pvklink]

Hi, it looks if the latest beta takes more space on the top of the weather block...
See my old and new screendumps with the same config..

New

weathertnew2.jpg (80.51 KiB) Viewed 553 times

Old

weathertnew2.jpg (80.51 KiB) Viewed 553 times

CSS
custom.css
[data-id='weather_pvk'] {height: 382px; width: 300px;}
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}
div[data-id='longfonds'] {height: 150px !important;font-size:14px !important}

CUSTOM
blocks['weather_pvk'] = {
type: 'weather',
apikey: 'xxxxxx',
city: 'xxxxxx',
name: 'xxxxx (zh)',
country: 'nl',
lang: 'nl',
layout: 4,
count: 6,
showDetails: false,
showHourly: false,
monochrome: false,
colors: {
cloud: 'blue',
light_cloud: 'grey',
dark_cloud: 'blue',
}

[pvklink]

I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}

[Lokonli]

Hi, it looks if the latest beta takes more space on the top of the weather block...
See my old and new screendumps with the same config..

New
weathertnew2.jpg

Old
weathertold2.jpg

CSS
custom.css
[data-id='weather_pvk'] {height: 382px; width: 300px;}
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}
div[data-id='longfonds'] {height: 150px !important;font-size:14px !important}

CUSTOM
blocks['weather_pvk'] = {
type: 'weather',
apikey: 'xxxxxx',
city: 'xxxxxx',
name: 'xxxxx (zh)',
country: 'nl',
lang: 'nl',
layout: 4,
count: 6,
showDetails: false,
showHourly: false,
monochrome: false,
colors: {
cloud: 'blue',
light_cloud: 'grey',
dark_cloud: 'blue',
}

The icons are a bit bigger.

To change the icon sizes add the following to custom.css:

Code: Select all

.weather .icon img {
    width: 50% !important;
}

Or specifically for the day icons or current weather icon:

Code: Select all

.weatherday .icon img {
    width: 50% !important;
}

.weathercurrent .icon img {
    width: 50% !important;
}

Probably I'll reduce the icon sizes a bit in the next update.

[Lokonli]

I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}

Which part do you try to make smaller?

[Lokonli]

I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}

try:

Code: Select all

.weatherforecast {
    margin-bottom: 0px !important;
}

.weatherday {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

[pvklink]

Very happy with your solution!

The solutions for the iconsize work great!
Everythings fits again

I also tried to get the top smaller: blanc spaces above and below the icon, temp and place.
I think your code has some effect...

By the way, the icons look great, just tried full...

New desktop

Naamloos.jpg (396.84 KiB) Viewed 503 times