Edit position of $ionicLoding box


#1

Hi I’m using $ionicLoading for my loading screens.
On one page it looks awkward with the loading box centered on the page.

I’ve been trying to offset it using jquery, but it doesn’t seem to work:

$ionicLoading.show({
    template: 'Loading...'
});
$('.loading').css({
    position: 'fixed',
    top: '305px'
});

the only thing that seems to work is to add an override in the css file,

.loading {
    position: 'fixed' !important;
    top: '305px' !important;
}

But since I only want this behaviour on one page I can’t do that. Is there something I’m missing, how do I position this just a slight bit lower than the default centered in the middle?