Local images for Background
Quite possibly me missing something here?
I am trying to use a local .jpg as a background image. I have tried a couple of ways and no success .. yet.
- Mounted a shared area as a volume in the Homarr container and addressed to that location - nothing
- physically copied the image to a folder within the container to test - nothing.
I am doing this via the Background field under Settings > Appearance.
It works find if I use the example website as per Homarr docs (https:=//source.unsplash.com/featured/ ) = added to URL to avoid linking
Solution:Jump to solution
Change: /portianer/homarr/backgrounds:/backgrounds
To: /portianer/homarr/backgrounds:/app/public/backgrounds...
7 Replies
@Loxion you need to restart the homarr container for it to discover new files.
Thanks, ill give that a try. Cant remember if it has been restarted or not since making these changes 🙂
No joy, but suspect it could my mapping / linking that is wrong? I have volume in homarr that links to a host folder and is set as /backgrounds in homarr. I have file in that folder that I want to use, can you confirm how I would put that in the Backgrounds section of Settings > Appearance?
All new to me so getting my head around containers, volumes etc 🙂
Can you should me your mount arguments for docker?
I am using Portainer, so my compose file is the standard one on the webpage apart from adding another volume and a slight amendment to the host folder as I have various containers data files within the host 'portainer' folder
version: '3'
#---------------------------------------------------------------------#
Homarr - A simple, yet powerful dashboard for your server. #
#---------------------------------------------------------------------#
services:
homarr:
container_name: homarr
network_mode: "bridge"
image: ghcr.io/ajnart/homarr:latest
restart: unless-stopped
volumes:
- /var/run/docker.sock:/var/run/docker.sock # Optional, only if you want docker integration
- /portainer/homarr/configs:/app/data/configs
- /portainer/homarr/icons:/app/public/icons
- /portainer/homarr/data:/data
- /portainer/homarr/backgrounds:/backgrounds
ports:
- '7575:7575'
Solution
Change: /portianer/homarr/backgrounds:/backgrounds
To: /portianer/homarr/backgrounds:/app/public/backgrounds
You will then be able to use /backgrounds in homarr
Be sure to restart homarr after adding new content.
Perfect, thanks