Jump to content

Change default Intro Background colour

Recommended Posts

Posted (edited)

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
Posted

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

Posted

Posted answer in the original body! Main:Overlay was set as transparent but the colour code was the weird orange! Changed it to my preferred orange and left at transparent and now it works perfectly. 

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.