Page Load Background Color

Technical Q&A
1

Hi,

I want to change the color of new page load screen background to white. Currently, it’s showing as magenta. I am using the Dawn theme and unable to find an option to change page load color. Screenshot is attached for the reference. Thanks.

Website Link: https://imranramzan.com

Page Load Color.png
Page Load Color.png1366×612 7.09 KB

2

Hi @imranramzan

Thank you for sharing your store link. I was able to replicate this loading screen and I believe I found the source. It appears to be linked to an app or script called “Avada-LoadingScreen”. Does this sound like an app you have installed currently, or previously? Before making any theme changes to remove or change this code I strongly recommend duplicating the theme file as a safe recovery point. You can then try searching the theme file for this code in order to make any changes.

10-00-8ooeu-udxb6.png
10-00-8ooeu-udxb6.png2880×1292 967 KB

2 Likes
3

First things first, I liked your website.

Secondly, there is a code on your website HTML, it will be like this:

.Avada-LoadingScreen {

  1. display: none;
  2. width: 100%;
  3. height: 100vh;
  4. top: 0;
  5. position: fixed;
  6. z-index: 9999;
  7. display: flex;
  8. align-items: center;
  9. justify-content: center;
  10. background-color: #A82D46;

Find the background-color, #A82D46 is your current background color, change it to white like #FFFFFF

1 Like
4

Thanks a lot. Yes it due to the app. Uninstalled the app and the problem got fixed,