How do I remove the ionicLoading's black edges?

As you see I am making tutorial pages with ionicLoading right now…

I am not sure which CSS name would I want to touch if I want to get rid of the black edges.

is this really a loading overlay or a modal?

yes, I am using ionicLoading with custom html.

working pretty good but wanted to get rid of that black edge.

I hope your are using scss:

there you can see --> you can overwrite the variables $loading-padding, $loading-border-radius and $loading-bg-color

if you are using css you can overwrite the values of the
.loading-container .loading {} selector

came this far

.loading  {
    border-radius: 0px !important;
    background-color: rgba(100, 0, 0, 1) !important;

.loading-container   {
    border-width: 0px !important;

Still no controller over width of the container… hmm


figured it out,

it did not have border width but rather it had padding towards inside and border width was how much it gets pushed towards the center.

.loading  {
    margin: -200px !important;
    padding: 50px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;

Like i said in my first post, you need to overwrite also the padding.

Does it work now?

It works great now. appreciated it :smile: