Hey everyone! I wanted to share a helpful tip I discovered for customizing the Floor Planner in Home Assistant. If you’re like me and find the yellow lines a bit distracting, you can easily toggle their visibility using CSS. Here’s how I did it:
-
Identify the CSS Class: First, I located the CSS class associated with the yellow lines in the Floor Planner. This was key to targeting the exact elements I wanted to modify.
-
Create a Button: I added a simple button to the side of my dashboard. This button would serve as the toggle switch for the yellow lines.
-
Use JavaScript: With a bit of JavaScript, I set up the button to add or remove the ‘display: none’ property from the CSS class when clicked. This effectively hides or shows the lines based on user preference.
-
Testing: I tested the setup a few times to ensure it worked seamlessly. It was a bit of trial and error, but once it clicked, it was so satisfying!
This customization has really helped me personalize my Home Assistant setup. I love how it gives me more control over the visual elements of my dashboard. If you’re looking to tweak your Floor Planner, I highly recommend giving this a try!
Happy customizing! 
