It’s due to the size of your image, if you look at the properties of my image the sizes of my image height, width will scale to the correct size for you.
Thanks, you know its always the simple stuff 
can you share your config for this card?
Here ya go.
- type: entities
show_header_toggle: off
entities:
- type: section
label: Synology
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:card-modder
card:
type: picture
image: /local/backgrounds/synology.jpg
style:
border-radius: 10px
- type: custom:bar-card
title_position: inside
entity: sensor.synology_upload_speed_mbps
title: Upload
align: center
icon_position: inside
icon: mdi:upload
padding: 10px
card_style:
border-radius: 10px
- type: custom:bar-card
title_position: inside
entity: sensor.synology_down_speed_mbps
title: Down
align: center
icon_position: inside
icon: mdi:download
padding: 10px
card_style:
border-radius: 10px
- type: custom:bar-card
align: split
show_icon: true
padding: 8px
columns: 2
card_style:
border-radius: 10px
entities:
- entity: sensor.synology_dsm_cpu_load_total
title: CPU
icon_position: inside
icon: mdi:memory
- entity: sensor.synology_tempature
icon_position: inside
icon: mdi:thermometer
title: Temp
- type: custom:bar-card
align: split
show_icon: true
padding: 8px
columns: 2
card_style:
border-radius: 10px
entities:
- entity: sensor.synology_dsm_volume_used_volume_1
title: Disk
icon_position: inside
icon: mdi:harddisk
severity:
- value: 50
color: '#008000'
- value: 80
color: '#FF8C00'
- value: 100
color: '#B22222'
- entity: sensor.synology_dsm_memory_usage_real
icon_position: inside
icon: mdi:memory
title: RAM
From what I can see you have an extra verticle-stack card in your stack. Try this below
- type: entities
show_header_toggle: off
entities:
- type: section
label: Synology
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:card-modder
card:
type: picture
image: /local/backgrounds/synology.jpg
style:
border-radius: 10px
- type: custom:bar-card
title_position: inside
entity: sensor.synology_upload_speed_mbps
title: Upload
align: center
icon_position: inside
icon: mdi:upload
padding: 10px
card_style:
border-radius: 10px
- type: custom:bar-card
title_position: inside
entity: sensor.synology_down_speed_mbps
title: Down
align: center
icon_position: inside
icon: mdi:download
padding: 10px
card_style:
border-radius: 10px
- type: custom:bar-card
align: split
show_icon: true
padding: 8px
columns: 2
card_style:
border-radius: 10px
entities:
- entity: sensor.synology_dsm_cpu_load_total
title: CPU
icon_position: inside
icon: mdi:memory
- entity: sensor.synology_tempature
icon_position: inside
icon: mdi:thermometer
title: Temp
- type: custom:bar-card
align: split
show_icon: true
padding: 8px
columns: 2
card_style:
border-radius: 10px
entities:
- entity: sensor.synology_dsm_volume_used_volume_1
title: Disk
icon_position: inside
icon: mdi:harddisk
severity:
- value: 50
color: '#008000'
- value: 80
color: '#FF8C00'
- value: 100
color: '#B22222'
- entity: sensor.synology_dsm_memory_usage_real
icon_position: inside
icon: mdi:memory
title: RAM
no luck, Ill just chalk it up to … it hates me at times 
thanks for the help.
Erase Cash in Browser, it will do the trick.
@Abeksis is correct, try clearing your cache if you have replaced your picture I often just rename my pictures so they load without caching issues.
1 Like
must be something somewhere else. Even with deleted the cache and a refresh (also tried it on another PC), and changing the image size its no luck. If I figure it out, I will post back and let you know just so there is a resolution.
All good now. I went back and started looking at a few things in your repository and my config files, the two images I compared, were the same size, but after going back through and looking at your photos, I noticed that the nuc inside of the HA Pics folder is not the same as the one on the screen shot of your settings page. So I went through and started manipulating the photo, and as you first stated it was the size of the image that was the issue. Sorry about that, and thanks for the help.
1 Like
Hey Jim,
Was wonderring if you see the same after the latest updates (if you have updated yourself).
The Notification Icon has moved on the the left menu pane and when clicked, it has a white background and unfortunately the text has the same, which makes it pretty difficult to see.
Have you managed to change that or can you point me in the direction of where I need to look?
I haven’t as yet upgraded to latest version I plan to in the next few days just need to check for breaking changes. Will let you know once I take a look
Firstly - awesome work on this. Its very impressive (not just the end result, your code organisation is also something to envy!). Did you by any chance find a solution for the thermostat card? Thanks.
Hey Jim,
This is beyond fantastic. I can’t even appreciate your efforts in proper words for sharing your work with us. It is very clean and intuitive.
I have seen the list of devices that you’ve used such as sensors, smart plugs, and networking devices such as routers, NUC etc. but the way you’ve used them so properly is very inspiring. I have so many questions but I don’t want to embarrass myself in case you’ve written them out somewhere either here in HA or on Github and I end up putting a list of them to pick your brains about my setup.
My most burning question is what are you using for measuring illumination and where exactly have you placed them in the rooms and in the bathrooms?
How are you determining wake status for bedrooms? Is that a vibration sensor or something else?
Also, for your lights, I noticed you’ve smart lights in your list of devices but the number is not nearly as much as I can gather from your screens which means you’ve converted a few standard lights into smart lights also. Perhaps you used wall switches? Are there any wall switches that give you a dimmer?
How are you pushing the cell phone data for you and your spouse into HA dashboard?
How are you determining your family members are home? Have you linked their phones to be pinging your local wifi network? If they’re not home, does it only say Away or have you programmed other locations such as office or school etc.?
I apologize in advance if I’ve been any intrusive but I have a plethora of smart devices and I am willing to invest into more but I want to be calculated as to what I need in order to achieve a theme and setup similar to yours. Your answers in due course of time will be very, very helpful.
Thanks
Amazing job, James.
Just wondering. How long does it take to restart the HA service after each change of your config? Have you found any workaround for not wasting time to restart each tiny edit?
Thanks
The problem I have is that most of my configs are in packages, so any changes to them will require a reboot. This is only for when I make changes to sensors ect. With lovelace obviously we can just refresh the screen and changes are done.
I have a sensor in Node-Red that tracks my restart times so I can monitor if they are getting out of hand, on ave it takes my system 80 secs to restart. I am currently working on a completely new UI here are the sneak peaks. You can see my restart time in the HA resources card
2 Likes
Thanks for the reply, Jim (or James? 
)
- Lovelace is just refresh but whenever I want to create a template or anything else then I need to restart the core service, right? It does not matter if it is in main config yaml or in included packages
- btw I do not see any packages folder include in your main config, how does it read configuration from there?
- how do your read the restart time? Is it some tailing of ha log?
- I have Rpi4 and just like 5% of sensors you have, but my restart takes already 2-3 minutes. Not sure if it is node-red or some addon
1 Like
I use a global variable called homeassistant.homeAssistant.isConnected then use this flow
[{"id":"7198c1d9.24f99","type":"inject","z":"e1f0e3d4.94717","name":"HASS Connected?","topic":"","payload":"homeassistant.homeAssistant.isConnected","payloadType":"global","repeat":"1","crontab":"","once":false,"onceDelay":0.1,"x":220,"y":120,"wires":[["90700695.5a6978"]]},{"id":"90700695.5a6978","type":"rbe","z":"e1f0e3d4.94717","name":"","func":"rbei","gap":"","start":"","inout":"out","property":"payload","x":410,"y":200,"wires":[["44a7f64d.65b348","c965e1cb.7733a","48caa121.44f64"]]},{"id":"44a7f64d.65b348","type":"interval-length","z":"e1f0e3d4.94717","format":"human","bytopic":false,"minimum":"35","maximum":"","window":"","timeout":false,"msgTimeout":"","minimumunit":"secs","maximumunit":"secs","windowunit":"msecs","msgTimeoutUnit":"msecs","reset":false,"startup":false,"msgField":"payload","timestampField":"timestamp","repeatTimeout":false,"name":"","x":680,"y":340,"wires":[["35320d49.355a02"],[]]},{"id":"35320d49.355a02","type":"mqtt out","z":"e1f0e3d4.94717","name":"","topic":"harestart","qos":"","retain":"","broker":"7b0ebf15.c8825","x":900,"y":400,"wires":[]},{"id":"7b0ebf15.c8825","type":"mqtt-broker","z":"","name":"MQTT Server","broker":"10.0.20.2","port":"1883","clientid":"","usetls":false,"compatmode":false,"keepalive":"60","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","closeTopic":"","closeQos":"0","closePayload":"","willTopic":"","willQos":"0","willPayload":""}]
You could always turn off your addons from auto start to see if they are causing the slow restarts, my experience is that a RPi can take up to 5 mins to restart depending on how big your setup is, I am using a Nuc with Ubuntu and system is smooth as running several other operations including Node-RED which is the engine room for my whole setup.
1 Like
I get the time that it takes HA to initialise (not the total time to restart) using
logger:
default: warn
logs:
homeassistant.bootstrap: info #Log HA restart time
Which gives a line in the log:
2020-05-03 12:22:00 INFO (MainThread) [homeassistant.bootstrap] Home Assistant initialized in 22.91s
Does anyone knows how to parse the log and get that value into a sensor in HA?