Il Controllo Bordi nel Page Builder ti offre maggiore flessibilità nella stilizzazione degli elementi supportati in Funnel e Siti Web. Puoi regolare lo spessore del bordo per lato, personalizzare i valori del raggio degli angoli e scegliere tra diversi stili di bordo.

INDICE

Cos'è il Controllo Bordi nel Page Builder?

Il Controllo Bordi ti permette di personalizzare l'aspetto dei bordi sugli elementi supportati del Page Builder da un unico pannello centralizzato. Include elementi di uso comune come pulsanti, immagini e video.

Puoi regolare stile, colore, spessore per lato e raggio degli angoli per creare effetti che vanno da accenti sottili a cornici visive più definite. Questo semplifica la creazione di design curati e coerenti senza dover ricorrere a soluzioni manuali.

Principali vantaggi del Controllo Bordi nel Page Builder

  • Personalizzazione più precisa: Regola le impostazioni del bordo con maggiore controllo per ottenere esattamente l'aspetto desiderato per ogni elemento.

  • Stilizzazione indipendente per lato: Imposta spessori diversi su ciascun lato per creare accenti, divisori o effetti di cornice personalizzati.

  • Forma degli angoli personalizzata: Applica valori di raggio diversi per creare layout più morbidi o forme più distintive.

  • Maggiore varietà visiva: Utilizza stili di bordo aggiuntivi come double, groove, ridge, inset e outset per aggiungere profondità e variazione al design.

Opzioni delle impostazioni bordo

Il pannello bordi raccoglie i controlli più importanti in un unico posto, così puoi stilizzare gli elementi supportati più rapidamente e con meno passaggi manuali. Capire cosa cambia visivamente ogni impostazione ti permette di ottenere con più facilità la forma o l'effetto cornice desiderati.

Il Controllo Bordi è disponibile per gli elementi supportati del Page Builder, tra cui Button, Image e Video. Nota: gli elementi supportati possono variare in base al contesto del builder e al rilascio delle funzionalità.

  • Border Style: Modifica l'aspetto visivo del bordo.

  • Border Color: Imposta il colore del bordo.

  • Border Sides: Ti permette di applicare un unico valore di spessore a tutti i lati oppure di scollegare i valori per controllare separatamente i bordi superiore, destro, inferiore e sinistro.

  • Corner Radius: Regola l'arrotondamento degli angoli con un valore condiviso oppure scollega i valori per arrotondare ogni angolo in modo indipendente.

Come configurare il Controllo Bordi nel Page Builder

  1. All'interno di un Funnel o di un Sito Web nel Page Builder, seleziona un elemento supportato (ad esempio, un elemento Button, Image o Video).

Schermata 1 — Controllo Bordi nel Page Builder

  1. Nella barra laterale destra, apri la scheda Styles e scorri fino al pannello Border.

Schermata 2 — Controllo Bordi nel Page Builder

  1. Seleziona un Border Style e un Border Color.

Schermata 3 — Controllo Bordi nel Page Builder

  1. Imposta i valori di Border Sides. Lascia i valori collegati per usare lo stesso spessore su tutti i lati oppure scollegali per impostare ogni lato singolarmente.

Schermata 4 — Controllo Bordi nel Page Builder

  1. Imposta i valori di Corner Radius. Lascia i valori collegati per arrotondare tutti gli angoli in modo uniforme oppure scollegali per arrotondare ogni angolo in modo indipendente.

Schermata 5 — Controllo Bordi nel Page Builder

  1. Visualizza l'anteprima dell'elemento nel canvas e affina i valori secondo necessità. Clicca Save e Publish per salvare e pubblicare le modifiche quando sei pronto.

Schermata 6 — Controllo Bordi nel Page Builder

Domande frequenti

D: Posso modificare ogni lato del bordo separatamente?

Sì. Usa l'icona di collegamento in Border Sides per passare da un valore condiviso a valori individuali per ciascun lato.

D: Questa funzione influirà sulle pagine esistenti?

No. Le pagine esistenti che usano le impostazioni bordo precedenti continuano a funzionare normalmente.

D: Il Controllo Bordi è disponibile sia nei Funnel che nei Siti Web?

Sì, il Controllo Bordi è disponibile sia nei Funnel che nei Siti Web.

D: Posso modificare il raggio di ogni angolo separatamente?

Sì. Usa l'icona di collegamento in Corner Radius per scollegare i valori e personalizzare ogni angolo in modo indipendente.

Articoli correlati

  • Controlli Altezza e Larghezza per gli elementi del Page Builder

  • Gradienti e Sfocatura dello sfondo nel Page Builder

  • Panoramica Siti Web