Solved

How to change the color of the url bar on iPhone on my Website?

smp1
Visitor
2 0 0

For better understanding, here is a picture of what i want to change:

IMG_8547.jpg

This is white / grey and i want it to be black to match the rest of the website... Tried different things like dark mode etc but it didn’t work. Can somebody help? And yeah don’t judge me for my drawing skills xD

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1157 300 230

This is an accepted solution.

Hey @smp1,

 

Safari automatically picks it up from the background color of the body.

 

You can follow these instructions to set it 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
    body {
        background-color: #000000 !important;
    }
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317906690.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
1157 300 230

Hey @smp1,

 

Can I have the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
smp1
Visitor
2 0 0

healfee.com

 

Store is still in building phase, password is 2024 ( gonna change that in 30 mins 😉 )

ThePrimeWeb
Shopify Partner
1157 300 230

This is an accepted solution.

Hey @smp1,

 

Safari automatically picks it up from the background color of the body.

 

You can follow these instructions to set it 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
    body {
        background-color: #000000 !important;
    }
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317906690.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com