# Loader page element doubt

**URL:** <https://community.weweb.io/t/loader-page-element-doubt/19880>\
**Category:** How do I?\
**Tags:** css\
**Created:** [September 5, 2025, 9:17am UTC](https://community.weweb.io/t/loader-page-element-doubt/19880 "2025-09-05T09:17:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jpairazaman](https://avatars.discourse-cdn.com/v4/letter/j/f04885/32.png) [@Jpairazaman](https://community.weweb.io/u/Jpairazaman)\
**Post date:** [September 5, 2025, 9:17am UTC](https://community.weweb.io/t/loader-page-element-doubt/19880/1 "2025-09-05T09:17:32Z")

</div>

### Loading page sometimes blue, sometimes black

Hi everyone! so I have an app where I put some loading page weweb elements to be native black.

Then I have some workflows where I have this sequence:

1. Page loader in black.
2. API Call.
3. Redirect to somewhere with a page loader black.

One thing I notice is that when I have this combo, the first page loader shows in blue color. Then once the API call is done, the redirection goes super fast and it doesn’t show the loader element.

I avoided using some page loader elements in some steps of my workflows because I don’t want to confuse the user but just in case,

**Do you know how to make all the loader page elements in the project black?**

That way, I believe I won’t face the two colours situation.

Thanks for your help! 🙂

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [September 5, 2025, 1:26pm UTC](https://community.weweb.io/t/loader-page-element-doubt/19880/2 "2025-09-05T13:26:16Z")

</div>

Hi Jorge 👋

You mean that the first loader that is being called is showing as blue?  
Can you show a screenshot of this behavior?

I’m sharing some resources on loaders so you can consider if changing your approach fixes your issue:

Perhaps using skeleton loaders:

> **[Skeleton Loader Component | Documentation](https://docs.weweb.io/elements/skeleton-loader.html)**
>
> Learn how to use the skeleton loader component to create loading state placeholders

Video tutorial:

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8b968254e594583e90ede49d284bf0b26b849882.jpeg "How to Display a Loader while Data is Fetching") ](https://www.youtube.com/watch?v=KXQugOBD-50&t=251s)

And a community post where other members are trying to figure out the best approach:

> [@Loader animation when page change](https://community.weweb.io/t/loader-animation-when-page-change/1017):
>
> Hi since WeWeb can now make SPAs, how can I make loader animation when changing pages? Thank you

---

<div class="post-metadata">

**Author:** ![Jpairazaman](https://avatars.discourse-cdn.com/v4/letter/j/f04885/32.png) [@Jpairazaman](https://community.weweb.io/u/Jpairazaman)\
**Post date:** [September 6, 2025, 6:51am UTC](https://community.weweb.io/t/loader-page-element-doubt/19880/3 "2025-09-06T06:51:16Z")

</div>

Hi @Agustin_Carozo , I recorded a video so you can have more context about how I am facing this problem.

Also, thanks for sharing the video. This looks like a great way to display collections and loading states, I’ll try it as soon as I can too.

https://www.loom.com/embed/5bdb5b3736bf4ab6a6c7b3179c00ffa4?sid=fa6165fb-a3b8-4e03-9976-c39ba2ca13be