Jump to content

Change default Intro Background colour

Recommended Posts

Site URL: https://www.vancouverislandwhalewatch.com/schedulerates

Hello;

I am trying to change the default colour of the background in my Intro blocks on my page. I cannot find an option in Site Styles to change it. While not visible on Desktop, on Mobile the "Schedules & Rates" background video does not appear and instead a #f04f0a coloured background is shown. I hope to change this background to #FF870F on the Intro for every page.

Thank you!

 

SOLVED: It turns out "Overlay Color" in Main: Overlay was set to 0% opacity, but it was still visible on mobile. Changed the colour to the one I wanted, left it at 0% opacity, and it now works perfectly!

Edited by VIWW
Discovered reason
Link to comment

This dark orange is the colour I mean - I cannot get it to display on Desktop, only Mobile. When I inspect the page via Google I see this:

.Intro--has-image {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f04f0a;
    color: #fcf7f7;

But I cannot figure out how to change this in Squarespace to match the other orange on the website.

Screenshot_20221112-104210.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.