GNU/Linux >> Linux Esercitazione >  >> Panels >> cPanel

Come centrare un elemento in InstantSite

Nota: Questa guida è per InstantSite legacy acquistata prima del 18 agosto 2020. Se hai il nostro nuovo InstantSite consulta le guide specifiche per il nostro nuovo builder trovato qui.

Centrare gli elementi su una pagina è estremamente importante. Che si tratti di un modulo di contatto, di un pulsante di invito all'azione o di un'immagine, questa guida mostrerà ai clienti di InstantSite come centrare un elemento.

Nota :gli elementi in linea come immagini, pulsanti e icone possono essere centrati nel loro contenitore utilizzando l'impostazione di allineamento del testo sull'elemento. Quando vuoi centrare un elemento (es. un blocco di testo), ma non vuoi alterare l'allineamento del testo, puoi spostare la colonna contenente l'elemento al centro come mostrato nella guida qui sotto.

Iniziamo...

Allineamento colonne

  1. Accedi all'editor di InstantSite.
  2. Seleziona la riga che desideri modificare e aggiungi un elemento a quella riga.
  3. Fai clic sulla colonna e seleziona Sposta colonna icona.
  4. Regola la colonna a sinistra e a destra finché non hai centrato l'elemento.
  5. Infine, regola il contenuto del tuo elemento.

Contenitori per elementi di allineamento centrale

Puoi utilizzare l'opzione "centra il contenitore dell'elemento" per allineare al centro un contenitore dell'elemento al centro della colonna che contiene l'elemento.

Spuntando l'opzione "Contenitore elemento centrale" si sposterà il contenitore dell'elemento al centro della colonna della pagina in cui è stato inserito l'elemento. Ciò non influirà sull'allineamento dell'immagine all'interno del suo contenitore, che può comunque essere impostato utilizzando le opzioni di allineamento del testo.

Questo è tutto! Hai creato con successo un elemento centrato.


cPanel
  1. Kodi Media Center 19.1 rilasciato! Come installare in Ubuntu 21.04

  2. Come stampare una variabile con allineamento centrale imbottito?

  3. Come reinstallare Software Center??

  4. Come aggiungere collegamenti a documenti in Instantsite

  5. Come creare una riga di 3 colonne in InstantSite

Come installare Kodi Media Center su Fedora

Come abilitare il cambio GPU?

Come avviare Freecell, installato da Software Center?

Come scegliere un modello InstantSite.

Come aggiungere elementi di pagina utilizzando InstantSite

Come reimpostare la password del Centro clienti