Change global CSS Body background color

[move-zwickau]

I’m having trouble with
My website is complete black. I set the background color to black on every page, but when i inspect the body background color with the development tools from Chrome it is transparent. The problem i try to solve is the following: i visit the site on mobile Safari and the tab and bottom bar ist white. That doesn’t look very nice. When i manually set the background color within the development tools to black it works as intended.

How can i fix this?

Working in
Wix Editor

Site link

MOVE Zwickau e.V.

What I’m trying to do
The color after the header and footer should be black. I think it is the body background color. You can produce this even on a desktop browser by scrolling above the header or footer. It will show a white background.

What I’ve tried so far
Set all background colors to black.

Extra context

[Rob]

While this workaround states it’s for the Studio Editor but this works for the Wix Editor as well.

Studio Editor Request: Changing the Browser Theme Color for Mobile | Help...

I used Volt as a hex color but you can see this here:

<meta name="theme-color" content="#CEFF00">

And here’s how it looks on mobile.

[move-zwickau]

Thanks for the quick reply.

I tried it and added it to the custom code section in the dashboard. But it will not work as intended on iOS 26. I cannot test on Android at the moment, but will check this evening.

I found this reddit post: Reddit - The heart of the internet

Seams like the theme-color tag is not supported with iOS 26 anymore.

There has to be another way now, because i checked random websites and it is working on many of them. I think furthermore it is because my background color is transparent and i don’t know why.

Do you have another trick for me?

[Rob]

I don’t have any tips but I’ll try checking Safari 26 as I’m using 18.6.

I saw that it seems 26.0 does not have support for theme-color so I’m curious which sites you see does have it working as maybe we can see if they have something controlling it.

I’m not sure of other options but they might be using code or perhaps using the background color which you can customize here as based on here.

[move-zwickau]

I now tested on several websites and it all worked with the main background-color of the website. As i said before, my websites have a black background already, but there is a css library which i cannot change in the WIX interface and this sets the initial background-color to transparent (i posted a screenshot in my first post).

Maybe its not the best solution, but it works for me: i now set the background to black in the header of the site via the custom code option.

This is my code:

<meta name="theme-color" content="black">
<style>body {background-color: black;}</style>

First one isn’t working, but i will leave it for older or Android devices.

Second one works for me and the tab bar is finally black.

If you have a better option, please let me know.