ElementsKit è un componente aggiuntivo tutto in uno per Elementor che ti consente di migliorare le capacità del tuo sito web. Il componente aggiuntivo include widget, estensioni e moduli completi per aiutarti ad aggiungere funzionalità avanzate al tuo sito WordPress utilizzando un solo plug-in.

IL Barra di avanzamento di ElementsKit è una funzionalità per mostrare statistiche significative in modo elegante. Puoi visualizzare la crescita numerica di qualsiasi attività o traguardo utilizzando la barra di avanzamento in Elementor. Leggi questa documentazione per scoprire come utilizzare il widget Barra di avanzamento per Elementor.

Passaggio 1: configura la barra di avanzamento in Elementor #

Innanzitutto, apri l'editor di Elementor e trascina il widget della barra di avanzamento nel tuo progetto. Quindi configura la barra di avanzamento di WordPress in Elementor.

Per configurare il widget,

1. Seleziona la barra di avanzamento Stile dall'elenco degli stili disponibili. Se scegli il Contenuto interiore stile, puoi Aggiungi icona alla barra di avanzamento.

2. Impostare il Titolo testo per la barra di avanzamento.
3. accedere Percentuale di progressi da mostrare.
4. Regolare Durata dell'animazione per mostrare la progressione.

Passaggio 2: personalizza gli stili della barra di avanzamento #

Nella scheda Stile, puoi personalizzare gli stili Barra, Traccia, Titolo e Percentuale per la barra di avanzamento di WordPress in Elementor.

2.1 barra #

Per personalizzare la barra di avanzamento,

1. Seleziona il Tipo di sfondoe scegli un colore di sfondo.
2. Aggiusta il Altezza della barra.
3. Quindi personalizza il Ombra impostazioni.

4. Impostare il Raggio del confine E Imbottitura.
5. Aggiusta il Margine inferiore della barra.

2.2 Traccia #

Per personalizzare la barra Traccia,

1. Seleziona il Tipo di sfondo e scegli un colore di sfondo.
2. Imposta gli attributi per Ombra.
3. E imposta il Raggio del confine.

2.3 Titolo #

Per personalizzare il titolo della barra di avanzamento in Elementor,

1. Scegli il Colore del titolo.
2. Tipografia del testo del titolo.
3. Aggiusta il Ombra del testo.

2,4 per cento #

Per personalizzare la percentuale della barra di avanzamento in Elementor,

1. Scegli il Colore percentuale.
2. Tipografia del numero percentuale.
3. Aggiusta il Ombra del testo.

Seguendo i passaggi precedenti, puoi creare un'accattivante barra di avanzamento WordPress in Elementor.