Preview site showing different colours to platform editor

Design help Layout & Design
1

Hi all

Thanks for your time. I have a strange issue where the colour in my preview link site is different to my editor view (screenshots are below)… I’m quite confused at how this is showing up.

I’d be extremely grateful for anyone who is able to help.

Please find the preview site link here: https://nicholass-supercool-project-79317b.webflow.io/

image
image2870×1404 314 KB

image
image2880×1332 116 KB

Thanks so much
Nick

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

@nicholasvi - it looks like you have an element with a different background color that animates in on page load:

image
image2864×400 147 KB

Once those properties on the right are unchecked you get the light gray result that you are seeing in the editor in your screenshot, like this:

image
image2868×1464 460 KB

So the animation is not being run in the editor but runs instead on page load in your preview link.

Does that make sense?

3

Hey @nicholasvi !

At the (1280 and 1440px) break points you have the background color of (Hero Background Image) set to the blue you are seeing.

All you need to do is:

  • Go to each of those break points
  • Select (Hero Background Image)
  • Click (Image & Gradients)
  • Click (Reset)

From there the breakpoints will inherit the (Base Breakpoint) (Background Color) for (Hero Background Image)

image
image1920×1080 181 KB

Have a great day,

Sean