Preloader screen image position

hi guys, I’m trying to enter my website logo as a preloadring screen, by the placement seeems very off.
How can I have the logo exactly at the center of the screen?
this is my custom css:

    .preloader .spinner {
        background-image: url('image url');
     background-position:left;
    	width: 400px;
        height: 400px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .preloader .pre-bounce1, .preloader .pre-bounce2 {
        display: none;
    }

Hi,

Can you share a link to your website here, so I can check it directly?

Meanwhile, try correcting the code with:

    .preloader .spinner {
        background-image: url('image url');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .preloader .pre-bounce1, .preloader .pre-bounce2 {
        display: none;
    }

Let me know whether it helps or not.

Regards,
Kharis
aThemes Support

thank you! works fine

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support