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 ⬇️ About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. 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: About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. 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 🙂 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment