Clock Font and Gauge issues

Hi

I am using the hygge theme and am having osme issues

What i would like to see is the clock in a large font, but the AM/PM in a small font
id like to adjust the date to be a bit larger

the gauge, as you can see has a black background so i cannot see the text

clock:
widget_type: clock
widget_style:"font-size: 200%;"
time_style: "font-size: 450%;"

gauge-elecusage:
widget_type: gauge
title: Power Usage
units: “W”
min: 300
max: 3000
low_color: 4CFF00
med_color: FFD800
high_color: FF0000
entity: sensor.energy_usage

thanks in advance!

Capture|690x214

try leaving out fontsize for the widget and just manipulate the css from the time_style.
you can use any css you like so you can change it to every size you like.

it seems that your gauge has no set variables in your skin.
in the variables.yaml from the skin you use there should be lines like:

gauge_widget_style: $background_style
gauge_title_style: $style_title
gauge_title2_style: $style_title2
gauge_low_value_color: “$blue”
gauge_med_value_color: “$blue”
gauge_high_value_color: “$blue”
gauge_value_bgcolor: “$gray_medium”
gauge_text_color: “$blue”

Thanks, that dosnt appear to work

i added the following to the variables.yaml inside my hygge skin directory, but get a 500 internal server error when loading the dashboard/skin, removing those lines fixes it

probably a problem by copying.
its yaml.
so no strange things may happen in the file.
some editors change spaces to some wierd things.

when i have something like that happening i erase every space i can find after i copy pasted the text and replace it with a real space.

those lines need to be there if you want to use the gauge.
and they are also in other skins.
you could also copy those lines from the default skin.

SOrry for resurrecting this thread, but I have a related question. In the gauges I can’t read the min and max labels 'cause the font is too small. I’d also like the value font to be a tad larger. For the min/max labels the justgage.js has kv’s like minLabelMinFontSize that I would love to tweak. What is the best way to tweak those? I use a docker deployment and I have the feeling I need to rebuild the container if I change justgage.js (which is a bad idea anyway). What would you recommend?

i would recomment to edit the basegauge.js and add a PR so that it will be added in the next version from AD.
in the basegauge.js needs to be added the variables and then they have to be set in the gauge.yaml
from that moment on they become available for everyone.

there is no other way then to change AD files itselve at the moment.
if you dont know how to add it to the basegauge and gauge.yaml then i suggest a feature request.

Thanks all, i have tried this line for the “wind” widget, but no icon shows, in fact it breaks the dashboard until i # that line out, yes the image is in that path and accessible.

widget_style: "background-image: url("http://has.local:8123/local/weather.png"); background-size: 40%; background-position:center; background-repeat: no-repeat"

you break your yaml with that line.
you cant have quotes in a string like that.

try it like this:

widget_style: "background-image: url('http://has.local:8123/local/weather.png'); background-size: 40%; background-position:center; background-repeat: no-repeat"

and please present yaml and code as codeblocks!!