Preview site showing different colours to platform editor

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:

Thanks so much

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

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

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:

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

Does that make sense?

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)

Have a great day,