Remove - page colour flash while website home page loads

Solved

Remove - page colour flash while website home page loads

kindredpeople
Explorer
78 1 23

My website: https://kindredpeople.myshopify.com/ 

Pw: hellohello

 

Currently while my website load the page colour yellow #FFF993 flashes under each section.

Yellow #FFF993 is the default page colour of my theme. 

You will need to go to my website to understand it. I'd like to remove this if possible.  

 

Please help 😕

 

 

Accepted Solution (1)
kindredpeople
Explorer
78 1 23

This is an accepted solution.

Is that different from the css?

or do you mean the below?

 

body {background: none !important}
background: none !important;
}

View solution in original post

Replies 6 (6)

anujtenani
Shopify Partner
22 2 6

Hi

 

Your store is password protected. So the sections are not visible. See attached screenshot

 

Screenshot 2022-07-04 at 1.34.05 PM.png

 

But from what it appears the color is applied to your store "body" tag. and hence is appearing behind every section/component in your store. You will need to remove the color from there or add another background color to sections to cover over the body color

kindredpeople
Explorer
78 1 23

Hello - thanks for your reply 🙂 use the pw hellohello to see the site. 

Could you tell me how to remove the colour from the body? I don't think it will work to use another background colour to the sections as some are 2 colours. 

anujtenani
Shopify Partner
22 2 6
Hi

You can add the following in your theme.liquid file before the tag


body {background: none !important}


kindredpeople
Explorer
78 1 23

This is an accepted solution.

Is that different from the css?

or do you mean the below?

 

body {background: none !important}
background: none !important;
}

abdurjali
Visitor
1 0 0

thaks bro😃

[url=http://www.neon4d.移动/register.php]login neon4d[/url]

Shop_Lovers
Shopify Partner
281 46 72

Add below CSS

body {
    background: none !important;
}

 

Hit Like and Accept as Solution