HELP! Weird color glitch in page load

I need some help! 

I'm working on a website now (https://welcholsen.squarespace.com/) and upon initial page load, the background color "flashes" a light green (which is one of the other secondary colors set in the theme's palette). This is a problem on a few pages—the home page, the about us page, the resources page, etc. Has anyone else experienced this or know a solve?!

I'm wondering if there's some setting on the backend causing it to think for a second that the background is actually light green? But I don't know!

Any help is greatly appreciated.

Maybe @tuanphan knows the answer?! (I know you have lots of answers haha!)

You mean first section? You try adding this code to Website Tools (under Not Linked) > Custom CSS. This code for Homepage Top Section

If it works, I will send code for other pages

[data-section-id="64f90a358ec9ac72f53035d4"] {
.section-background, .section-border {
	background-color: #0d1a13 !important;
}}

20 hours ago, tuanphan said:

You mean first section? You try adding this code to Website Tools (under Not Linked) > Custom CSS. This code for Homepage Top Section

If it works, I will send code for other pages

[data-section-id="64f90a358ec9ac72f53035d4"] {
.section-background, .section-border {
	background-color: #0d1a13 !important;
}}

 

@tuanphan — That didn't work for me, I've got it in there now and still see that color flash upon page load. And yes, it's in that first "hero" section. Any advice?! 🙏🙏🙏

On 10/4/2023 at 11:32 AM, BethanyBoss said:

@tuanphan — That didn't work for me, I've got it in there now and still see that color flash upon page load. And yes, it's in that first "hero" section. Any advice?! 🙏🙏🙏

Try this new code, if it still doesn't work, you can keep code in CSS box, I can check it again easier