Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1159022
Preloader Page Colors
Closed

Comments

  •  1
    Carmelo started the conversation

    Hi,

    is it possible to customize preloader page colors?

    Thanks

  •  7,280
    Oliver replied

    HI!

    You need to edit: wp-content/themes/thegem/css/thegem-preloader.css 

    Or use next css:

    body #page-preloader {
        background: #2c2e3d;
    }
    body #page-preloader .page-preloader-spin,
    body .block-preloader .page-preloader-spin,
    body .preloader-spin {
        border: 2px solid transparent;
        border-top-color: #b9b7ff;
    }
    body .preloader-spin {
        border-top-color: #b9b7ff;
    }
    body #page-preloader .page-preloader-spin:before,
    body .block-preloader .page-preloader-spin:before,
    body .preloader-spin:before {
        border: 2px solid transparent;
        border-top-color: #00bcd4;
    }
    body .preloader-spin:before {
        border-top-color: #00bcd4;
    }
    body #page-preloader .page-preloader-spin:after,
    body .block-preloader .page-preloader-spin:after,
    body .preloader-spin:after {
        border: 2px solid transparent;
        border-top-color: #a3e7f0;
    }
    body .preloader-spin:after {
        border-top-color: #7b97ab;
    }
      border-top-color: #a3e7f0;
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver