How to change page or image loading colour

Site URL: https://www.mechele.co.uk/

Hi, Does anyone know how to change the loading colour on a page, I get a flash of green for a split second before my image loads? Also if I scroll very high or very low on my site I can also see a green strip top and bottom.

I've followed other threads on here and tried the suggestions with no luck.

Thanks in advance.

https://www.mechele.co.uk/

Hi. Can you take a screenshot or quick video of problem? I see white, no green here.

Hi yes of course, It's very hard to show the flash of green (as it happens so quickly) before the loading image on the homepage, work with me, portfolio and contact pages as it only happens the first time you visit each page (i think).

I have attached a screen grab of the issue with the top and bottom band of green, if I scroll beyond the top (does that make sense?) I see a green strip and if I scroll beyond the bottom (below the footer).

Thanks for your help.

It is default site color when image hasnot loaded yet. Not sure if you can change it. Try adding this to Design > Custom CSS

body {
    background-color: white !important;
}

Thank you, that changed the colour of the top and bottom green strips to white, but I still have the issue of the image load colour, I still get a flash of green on each page when loading, does that make sense? Its vwry hard to show, sorry.

Hi,

It seems to be a page loading colour issue. I've tried to do this (below) but I cannot find the section within my site.

Design > Site Styles > Color > Section Background

Any ideas? Thanks.

On 12/18/2021 at 2:47 AM, Mechele said:

Hi,

It seems to be a page loading colour issue. I've tried to do this (below) but I cannot find the section within my site.

Design > Site Styles > Color > Section Background

Any ideas? Thanks.

Try edit Section >> Click Colors >> Click Theme which you are using >> Change color there

Hi,

I have looked at trying to make the change this way but I cannot see anywhere in the section info where the green colour is used! I have added a screen recording of the issue to help explain it clearer. Thank you.

On 12/19/2021 at 6:35 PM, Mechele said:

Hi,

I have looked at trying to make the change this way but I cannot see anywhere in the section info where the green colour is used! I have added a screen recording of the issue to help explain it clearer. Thank you.

Screen Recording 2021-12-19 at 11.32.03.mov

Can you use Youtube/Loom video? I can't open the file

Hi of course, I have created short Loom video to show the issue.  The flash of green before the image loads.

https://www.loom.com/share/d18d113c593845c58ee45c9294542db4

A green flash appears over any full width image I add. It doesn't seem to happen to smaller images!

Thanks.

On 1/17/2022 at 8:53 PM, Mechele said:

A green flash appears over any full width image I add. It doesn't seem to happen to smaller images!

Thanks.

This problem, I see appears in a lot of SS Sites. You try contacting SS Customer Care first, to see if they has a good solution.

If they can't give a solution, let me know, we can use some CSS to try fix it

Thank you tuanphan all sorted now!

What did you do to fix it? I've got a red flash on mine and the red on top and bottom issue

19 hours ago, AussieAudio said:

What did you do to fix it? I've got a red flash on mine and the red on top and bottom issue

Can you share link to your site? We can check easier

I don't have it up yet, but I'll be launching it Monday most likely. It is aussie-audio.com

On 1/29/2022 at 9:08 AM, tuanphan said:

Can you share link to your site? We can check easier

aussie-audio.com Background images as well as new page loads flash red. I've tried to change background to white using the code above as well as in the editor

Hi there, I'm having similar issues. When the page loads there is a flash of the black background (with white text!).

https://www.dropbox.com/s/vipp8erg2h35u8z/Screen Recording 2022-02-06 at 12.29.25 am.mov?dl=0

@Mechele I have the same problem! Can't figure it out,  how did you solve it?

@MecheleYou left us wondering! 🙂 How did you solve it?? 😄
Best, Erlend

Hello All

This worked for me: Change the first color (top left) to the color you want to see when the page loads. Hope this works for you. 

Hello 
I have the same problem, but can't figure out how to solve it. 
The last post suggestion doesn't work for me!

On 5/23/2023 at 10:24 PM, EmanuelaD said:

Hello 
I have the same problem, but can't figure out how to solve it. 
The last post suggestion doesn't work for me!

 

What is your site url? We can check easier