mattarnold68

Yeah, technically the colour is being displayed on a mobile-specific area, but it's picking the primary colour and displaying it on the one page, but not the other. Is there not a setting or option to choose the default background that would carry through to the mobile status bar?

The shade between the teal and red is not too dissimilar, so presume it is not the mobile software defining it as light or dark mode, just confused why it is picking the primary colour on one page but not the other and wonder if it is a value that's set/changable in Squarespace.

Site URL: https://www.fly.org.au

Hi,

I can't find the option in Design//Site Styles//Colors to set the color of the mobile status bar. Some pages carry through the page theme color and some do not. For example:

www.fly.org.au/home and www.fly.org.au/about has a white mobile status bar color despite the first section color being set to a light teal.

www.fly.org.au/flyweekender has a red mobile status bar color in line with the first section color for the page.

I've compared the Color Theme settings and just cannot work it out... Any help would be appreciated.

Thanks.

On 12/12/2021 at 11:14 AM, tuanphan said:

Try this code

body#cart header#header, body#order-confirmed header#header {
    background-color: #28b0ac !important;
}

Awesome, thank you so much!

Is there a snippet of code I can add to that for the Blog posts too?

19 hours ago, tuanphan said:

If you wnat to change header only, use this new code

body#cart, body#order-confirmed {
header#header {
    background: #28b0ac;
}}

 

Sorry to say this didn't work. Is there somewhere I can find out the page names to custom create some css, or do you have an alternate code?

On 12/4/2021 at 6:21 PM, tuanphan said:

Add to Design > Custom CSS

body#cart .system-page, body#order-confirmed, body#order-confirmed #confirmed-page {
    background: #28b0ac;
}

 

Thank you, that seems to recolor the entire page though, not just the header. I'm looking for a way to keep the page contents on #f2f2f2 but the header in #28b0ac. Thanks

Site URL: https://www.fly.org.au

Hi, I have a theme throughout the website where the header of each page is a darker colour than the body. I cannot find a way to change the header sections on the shopping cart and order confirmation pages - because the headers are in the same colour as the body, the logo doesn't contrast enough to be visible.