Changing product loader image

When you use the sidebar filters on the front end there is a short loading animation while waiting for matching products to be shown. My customer wanted to change from the default spinning purple “W” to their own logo. This CSS code is kind of working. I changed this CSS code to the URL of their logo:

.spinner, .woobewoo-filter-loader.spinner {background: url(/wp-content/uploads/2018/04/Logo-WooCommerce-Loader.png)!important;}

but it shows a square with just one solid color (their logo color) instead of the actual logo. Anyone know how to make this work? Here’s the full spinner code CSS for the plugin that you can reference:

.spinner, .woobewoo-filter-loader.spinner {
    display: block;
    visibility: visible;
    background: transparent;
    margin: 0 auto;
    opacity: 1;
    float: none;
    width: 64px;
    height: 64px;
    background: url(../img/woobewoologo.png);
    background-size: 100%;
    background-repeat-y: no-repeat;
    -webkit-animation: sk-rotatehorizontal 2s infinite ease-in-out;
    animation: sk-rotatehorizontal 2s infinite ease-in-out;
}

• This topic was modified 3 years, 7 months ago by earth_human.
• This topic was modified 3 years, 7 months ago by earth_human.