How to remove purple appearing while loading webpage?

before I did not have this issue with the webpage

I do not know what it is causing the purple appearing while loading page?

there is also purple at the end of the page, an horizontal purple line that is always present

the webpage has no background image, also i do not use the color purple for anything, i use a darker and more red purple

I mean without seeing the page or the code we really have no way of knowing.

Do you have a link or a codepen to this?

If you are not going to show us the actual page or code we can’t really help.

Use the dev tools and inspect the page. You can see what element has the color and where the styles are coming from.


All we can do at this point is speculate which isn’t very helpful.

Clearly, something has that color as colors do not appear magically on their own. It looks like a bottom margin on the copyright text is collapsing the containers and pushing the page content up revealing the underlying element. Whatever element that is, it might be a container or it might be the body or html element.

As an example

If it only happens as the page is loading it may be some styles loading in initially which then is overwritten by styles loaded later. For example styles inside a <style> element might be loading first and then after all the CSS files are downloaded and the styles get applied they overwrite the style element styles.

1 Like

fixed! :ballot_box_with_check: :tada: I forgot about that purple that belonged to a past attempt which code I did not delete or hide by commenting it

Chrome dev tools did not show me the issue where the purple came from but vs code did