WordPress Cherry 3.x. Wie man den Preloader der Seiten ändert

Von diesem Tutorial erfahren Sie, wie man den Preloader der Seiten in WordPress Vorlagen ändert.

WordPress. Wie man den Preloader der Seiten ändert

1. Nutzen Sie das Entwicklerwerkzeug, wie Firebug, um den Code zu finden, den Sie im CSS ändern möchten. Aktualisieren Sie die Website, klicken Sie mit der rechten Maustaste auf den Preloader und wählen Sie Mit Firebug untersuchen (Inspect with Firebug) aus:

   

2. Im Feld Stil (Style) sehen Sie den css Code, das den Preloader der Seite darstellt:

   

3. Kopieren Sie alle Regeln, die Sie mit dem notwendigen Selektor (in unserem Fall #loader) im Feld Cherry Optionen -> Allgemeines -> benutzerdefiniertes CSS (Cherry options -> General -> Custom css ) gefunden haben, um sie zu bearbeiten:

   

4. Sie können den Animationseffekt, die Farbe, die Linienbreite usw. ändern:

   

5. Sie können auch dieses Tutorial nutzen, das Ihnen zeigt, wie man mit der Animation in CSS arbeitet.

6. Lassen Sie uns die Farbe HEX und die Linienbreite vom Preloader ändern, indem wir den Farbenwert und die Linienbreite in der Regel ändern:

   

7. Nach der Bearbeitung drücken Sie auf den Button Änderungen speichern (Save options) und aktualisieren Sie Ihre Website:

   

Sie können auch das ausfuhrliche Video-Tutorial nutzen:

WordPress. Wie man den Preloader der Seiten ändert