Need to change the Loader during checkout

This topic has 2 replies, 2 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

  • Avatar: Aman
    Aman
    Participant
    May 13, 2020 at 07:29

    Hi,
    Is there a way to change this loader image during checkout?
    The almost transparent background makes it looks like the screen is frozen and nothing is happening.
    checkout loader

    Is there a way to use a customer loader for this?

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 13, 2020 at 11:18

    Hello,

    We use the following code to add that animated spiner and bg

    .blockOverlay:before,
    div.wpcf7 .ajax-loader:before,
    div.pp_default .pp_loaderIcon:before {
      content: '';
      animation: rotate .75s infinite linear;
      width: 18px;
      height: 18px;
      border: 1px solid #e1e1e1;
      border-left-color: #888888;
      border-radius: 50%;
      display: inline-block;
    }
    .blockOverlay {
      background: rgba(255, 255, 255, 0.5) !important;
    }

    Copy it to your Custom CSS and edit according to your needs.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.