Setting the Loading icon position

  • tasco

    (@tasco)


    3 years, 6 months ago

    The loading icon is shown at the bottom left corner even underneath my header.
    positioning it centered on screen seems te be possible with css

    position: fixed;
    top: 50%;
    left: 50%;

    but the class that is assigned to the img is a general woocommerce class that is assigned to all the images. so then every img is centered on my page.

    Is there a good way to center the loading image?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter tasco

    (@tasco)

    3 years, 6 months ago

    My appologies

    I figured it out.

    .bapf_limg is another class for the loading img

    so adding the CSS
    .bapf_limg {
    position: fixed;
    top: 50%;
    left: 50%;
    }

    is a solution. Thank you for the plugin

    Plugin Author Dmytro Holovnia

    (@dholovnia)

    3 years, 6 months ago

    Hi,

    The problem is that styles are loading from https://usercontent.one/wp/www.tascoshop.eu/ and it cannot load our CSS file.

    Please flush the cache in your CDN and check that all styles are loaded correctly.

    Regards,
    Dmytro

    Thread Starter tasco

    (@tasco)

    3 years, 6 months ago

    Hi Dmytro,

    I did notice that some designs were not the same anymore. Sliders are for example not functioning anymore. Probably because the plugin style is not loading correctly.

    I flushed the cache/CDN but how can I make sure your style loads correctly

    Plugin Author Dmytro Holovnia

    (@dholovnia)

    3 years, 6 months ago

    Hi,

    You can use in-browser developers tools for this. On the tab Network you will see all resources that are loaded from your site and if status is 40x there is an issue with css/js/image/etc.

    I can see loading image centrally aligned now.

    Regards,
    Dmytro

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Setting the Loading icon position’ is closed to new replies.