GithubHelp home page GithubHelp logo

Comments (3)

DavidFW1960 avatar DavidFW1960 commented on May 27, 2024

There isn't an option for that in the card. All these are set by HA with the theme. You could try playing with card-mod?

from bom-weather-card.

rasho6169 avatar rasho6169 commented on May 27, 2024

hasio-weather
Hi David, per your advise i installed card-mod via HACS. The attached jpeg is the end result. After install the following code was added at the end of your code in Lovelace UI.
style: |
ha-card {
border: solid 1px rgba(100,100,100,0.8);
background: rgba(255,255,255,0.6);
}

please note indents: style: | must line up with tab indent of your code ie
tooltip_width: 110
tooltips: true
style: |
ha-card {
border: solid 1px rgba(100,100,100,0.8);
background: rgba(255,255,255,0.6);
}

The second jpeg is to demonstrate how opaque cards take away the visual aspect of backgrounds. First two card with transparency the other 3 cards no card-mod.
hasio-overview

NB: background is from animated-background, another HACS install

Please address this post as solved

from bom-weather-card.

DavidFW1960 avatar DavidFW1960 commented on May 27, 2024

Nice!
Just one thing.. the fire danger is very long. I think there is a template sensor example in the docs to trim it down a bit... Up to you of course. My card looks like this.
image
(We don't have any fire danger in winter here it seems...)
The Perth BOM Fire has 2 regions and a Template sensor will help you to pick the appropriate one.

from bom-weather-card.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.