VIWW Posted November 7, 2022 Posted November 7, 2022 (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 November 18, 2022 by VIWW Discovered reason
tuanphan Posted November 10, 2022 Posted November 10, 2022 Can you take a screenshot of Intro Blocks? Currently I see an image on top of page Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
VIWW Posted November 12, 2022 Author Posted November 12, 2022 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.
VIWW Posted November 18, 2022 Author Posted November 18, 2022 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. tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment