Custom Background Image Solution for FHZ 1300

Hello everyone, I wanted to share my experience with setting up a custom background image on my FHZ 1300. I recently designed a floor plan using a graphics program and uploaded it as the background image on my web interface. However, I encountered an issue where the image appeared four times next to each other and twice below. After some research and trial and error, I found a solution that worked for me!

The Problem:
When I uploaded my custom background image, it didn’t display correctly. Instead of showing the image once, it appeared multiple times, which was quite confusing.

The Solution:
I discovered that the issue was related to how the image was positioned within the web interface. By adjusting the CSS settings in the background image configuration, I was able to center the image and ensure it only appeared once. Here’s how I did it:

  1. Upload Your Image:

    • Navigate to the settings in your FHZ 1300 web interface.
    • Go to the background image section and upload your custom image.
  2. Adjust CSS Settings:

    • After uploading, look for CSS or positioning settings within the background image configuration.
    • Set the position to ‘center’ and adjust the width and height to fit your screen perfectly.
  3. Save and Refresh:

    • Save your changes and refresh the web interface to see the updated background.

Result:
My custom background image now displays correctly, centered on the screen without any duplication. It looks great, and I can easily navigate my smart home controls with the custom layout I designed.

I hope this helps anyone else who might be struggling with custom background images on their FHZ 1300. Happy customizing! :blush: