spinner not being displayed in production site

Question

Dear all thanks for the code below which i got from your forum and it works well in staggging site . I have uploaded the gif image through FILEZILLA and inserted the code in child theme.

I dont understand what editions have to be made so that the spinner works in production site either.

https://stackoverflow.com/questions/53419831/woocommerce-change-loading-spinner-icon

add_action('wp_head', 'custom_woocommerce_checkout_spinner_blogies', 1000 );
function custom_woocommerce_checkout_spinner_blogies() {
    ?>
    <style>
    .woocommerce .blockUI.blockOverlay:before,
    .woocommerce .loader:before {
        height: 14em;
        width: 18em;
        position: absolute;
        top: 35%;
        left: 20%;
        margin-left: -.5em;
        margin-top: -.5em;
        display: block;
        position: fixed;
        content: "WIR SIND DABEI...BITTE WARTEN";
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        background-image:url('<?php echo get_stylesheet_directory_uri() . "/images/bean.gif"; ?>') !important;
        background-position: center center;
        background-size: cover;
        line-height: 2;
        text-align: center;
        font-size: 1em;
        color:black;
        background-color: #7c1542;
        
    }
    </style>
    <?php
}

Thanks alot for supporting

SABA

A tip or a new code

spinner not being displayed in production site

0 Answers0