Jump to content

Change default Intro Background colour

Recommended Posts

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


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.


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.