I really love the new basic ui and the auto generated location and equipment tabs. What I haven’t figured out yet is how to style the background images of the oh-location-card? As my location images doesn’t fit the default size of the cards I’m looking for a way to configure the behavior.
The yaml representation which I have so far is very basic. What I want to achieve is that the image is not stretched to fill out the whole card which seems to be the default. Any ideas how to achieve this? And is there a documentation place where to look up the valid properties for an oh-location-card?
thanks for your reply. I played around with position and size css and can’t get them to work. May depend that I’m not familiar with css
I have given a set of imho really nice location background images as the following one per example. They all are actually in upright format in their original. My thought was to put them as a background image where only the upper part is taken and should fill my oh-location-card.
I added some lines and text to see what part of the image is taken right now and no matter what I do it is always the center center part taken.
looks like you have some similar background images…just as a reference, for the page backgrounds i was using these CSS parameters, although making this work in location cards backgrounds is more difficult for upright position images.
where can I find out easily which commands go all in the location cards?
most of the ones I try don’t change anything.
For example, I tried to give the badges in the location-cards a background so that you can see them better in pictures or to change the font color did not work. the only thing I could find that works is that you can change the icon.
similarly stupid I am at the other tabs such as devices and co. Here I would like the background image always remains unchanged. Currently, the scaling of the background image is dependent on the screen size, so it looks stupid on some devices.