Return to previous page

Preload screen time set or modification Question!

This topic has 6 replies, 3 voices, and was last updated 4 months, 3 weeks ago ago by Andrew Mitchell

Alfi

Participant

July 30, 2024 at 03:56

I have a question is there a way to set the Preloading screen to 3 sec visibility time so that it completes playing the gif I have chosen?

#407692 Copied Theme version: 9.3.16

5 Answers
Luca Rossi

Support staff

July 30, 2024 at 10:00
Hi @Alfi,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.et-preloader-hide>.et-loader {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.et-loader {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
```
Hope it helps!
#407777 Copied
Alfi

Participant

July 30, 2024 at 21:58

Thanks that helped!!!
Just One more question is there a way to make the preload background completely white because it shows in the background the loading site! I still want to see the preload gif or image but the background I would prefer to have completely white not just like it is now during the preload!

#407955 Copied
Luca Rossi

Support staff

July 31, 2024 at 04:34
Hi @Alfi,

Can you please add this custom CSS code also?
```
body>.et-loader {
background-color: #fff !important;
}
```
Hope it helps!
#407973 Copied
Alfi

Participant

August 5, 2024 at 07:18

Thanks a lot!

#408776 Copied

Andrew Mitchell

Support staff

August 5, 2024 at 07:18

Dear Alfi,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#408777 Copied
Tagged: persuasive writing, question set, screen time preload, seo friendly, woocommerce themes, wordpress modification
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Preload screen time set or modification Question!’' has been successfully resolved, and the topic is now closed for further responses

Preload screen time set or modification Question!

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection