In this article, we'll show you how easy is to remove the loader or change its color.
Follow the instructions in this tutorial step by step to remove the loader from your widget, or if you want to keep it, you can change its color.
Step 1: Begin by creating your widget
First go to the BROWSE page. Once there, click the selected widget's CREATE button, an editor menu will appear to customize the widget to your liking.
Step 2: Settings
We provide several configuration options so that you can set it up to your liking :) Have fun playing with them, and when you're done clicking on the INSTALL button.
Step 3: Copy code
If you haven't logged in yet, now it's time to do so. Once you're logged in click on the COPY CODE button.
Step 4.a: Change the color of the loader
To change the color of the loader of this generated code that you copied into your custom HTML you must add the CSS code:
background-color: brown !important;
border-color: #bd7882 !important;
<div data-mc-src="f14d6592-64ae-4d35-8c53-8e34b5d7b2cf" data-mc-loader="my-class"></div>
src="https://cdn2.woxo.tech/a.js#6006f34ffae1e200151ed553" async="" data-usrc="">
When your widget is loaded on the webpage, it will be displayed with the selected color:
Step 4.b: Remove the loader
To remove the loader from your webpage, you must add this code to the generated code that you pasted into your custom HTML:
inside the <div ></div>
So when your widget is loaded on the webpage, the loader will not be displayed:
Congratulations you've done it! With these changes the result will always be amazing: YOU WILL HAVE A BEAUTIFUL WIDGET ON YOUR WEBPAGE :)