geirwerner Posted November 1, 2021 Share Posted November 1, 2021 (edited) Site URL: https://ibsenhamsun.squarespace.com/logg So, when I open the page, set with a white background color it shows a blue color on top (where the notch is on an iPhone) and bottom (beneath the footer) on mobile. I can not find that blue color in the color theme editor. Would be soo happy for help ... 😃 Edited November 1, 2021 by geirwerner Link to comment
paul2009 Posted November 1, 2021 Share Posted November 1, 2021 20 minutes ago, geirwerner said: When I open the page...it shows a blue color on top (where the notch is on an iPhone) The body background colour is currently set to #0000f0 [blue] causing Safari 15 to set the header to this colour too. You should be able to set this in the Theme Editor (see https://support.squarespace.com/hc/en-us/articles/205815788-Making-style-changes). If you can't find this setting, adding the following meta tag to Settings > Advanced > Code Injection > HEADER should force the header to be white: <meta name="theme-color" content="#fff"> If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
geirwerner Posted November 1, 2021 Author Share Posted November 1, 2021 (edited) Thanks, Paul It worked on top, but is still blue in the bottom. (on mobile at least). Can´t find a reason for that blue color to arrive... 🤔 Edit: Well now I saw, the css for the body... Edited November 1, 2021 by geirwerner Link to comment
tuanphan Posted November 4, 2021 Share Posted November 4, 2021 On 11/2/2021 at 3:41 AM, geirwerner said: Thanks, Paul It worked on top, but is still blue in the bottom. (on mobile at least). Can´t find a reason for that blue color to arrive... 🤔 Edit: Well now I saw, the css for the body... Hi, have you solved it yet & still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
erikabarichello Posted November 20, 2021 Share Posted November 20, 2021 I added <meta name="theme-color" content="#F39200"> to my Squarespace website to make the top bar of the browser my color of choice, but it doesn't work. I have entered the code to the header in code injection (along with other meta) but nothing happens. How can I achieve this? Link to comment
paul2009 Posted November 20, 2021 Share Posted November 20, 2021 1 hour ago, erikabarichello said: How can I achieve this? To troubleshoot this, we'll need a working link to the site. Can you share the URL with us please? Also, if the site isn't live, please set a password in the visibility settings and tell us what it is. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
erikabarichello Posted November 20, 2021 Share Posted November 20, 2021 @paul2009 https://officinaasti.it Link to comment
paul2009 Posted November 20, 2021 Share Posted November 20, 2021 It appears to be working for me: Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
erikabarichello Posted November 20, 2021 Share Posted November 20, 2021 So weird I cannot see it on any of my MacBooks....Maybe they're too old (even if they both run Safari 15.1).... Link to comment
paul2009 Posted November 20, 2021 Share Posted November 20, 2021 I can't explain why it's not working for you, but I'm seeing it on all devices 🙂 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
erikabarichello Posted November 27, 2021 Share Posted November 27, 2021 Just realised it works fine if I set my macbook to light mode....but it doesn't work on dark mode even by using: <meta name="theme-color" content="#872e4e" media="(prefers-color-scheme: dark)"> Link to comment
goodmajick Posted July 16, 2023 Share Posted July 16, 2023 Hiya! Old thread, I realize- but I've found the actual vanilla config for this. In your color themes, find the primary one that your site is treating as a default (when you go to add a new section, it's probably the one that Squarespace is picking for you by default). Find the Background option and change this to the color you would like your Safari mobile top and bottom to be: Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment