Contenitore Griglia su Elementor con CSS grid

Поділитися
Вставка
  • Опубліковано 5 лис 2024

КОМЕНТАРІ • 14

  • @elenafurlan3900
    @elenafurlan3900 6 місяців тому

    Grazie Tiziano mi hai aiutata a sistemare un sito che mi stava facendo impazzire!!

  • @GiuseppeGuidaComico
    @GiuseppeGuidaComico 23 дні тому

    Ottima spiegazione. Complimenti

  • @chiaracattelani8039
    @chiaracattelani8039 2 місяці тому

    Grazie! Hai risolto un mio problema! Fr non l'avrei mai visto e non avrei mai capito che era cliccabile!

  • @renatodimarino2966
    @renatodimarino2966 Рік тому

    Era proprio quello che cercavo, grazie

  • @matteolocatelli7015
    @matteolocatelli7015 Рік тому

    grazie mille, sicuramente nel video spieghi tutto chiaramente.
    Unica domanda: in quale occasioni conviene utilizzare il contenitore griglia? Alla fine posso fare tutto abbastanza semplicemente già con il contenitore normale.

    • @tixx
      @tixx  Рік тому

      Ci sono tanti fattori da valutare. Considera inoltre che l’implementazione attuale del Contenitore Griglia su Elementor non permette di sfruttare tutte le proprietà di CSS grid, salvo ricorrere all’inserimento di codice CSS personalizzato.
      Inoltre, Flexbox è un tipo di layout monodimensionale (o riga o colonna), mentre CSS grid ti permette di lavorare su due dimensioni e posizionare gli elementi con maggior precisione. Con CSS grid è più facile creare layout con posizionamenti complessi usando meno codice, mentre con Flexbox può essere più complicato.

  • @MauraRizzo
    @MauraRizzo 11 місяців тому

    Ciao Tiziano, grazie alle tue spiegazioni e a questo video sto sistemando i contenitori finalmente. Ho notato che non posso fare "copia/incolla stile" da un contenitore che ho in staging ad uno che ho in produzione: mi chiedevo quindi se fosse possibile esportare un contenitore come template dallo staging e ricaricarlo in produzione. Grazie :)

    • @tixx
      @tixx  11 місяців тому +1

      Ciao Maura, puoi esportare un template oppure puoi fare copia e incolla di un elemento da un sito a un altro. Basta copiarlo da un sito e poi scegliere "Incolla da altro sito" dal menu contestuale di Elementor.
      Per quanto riguarda il contenitore Griglia, al momento sconsiglio di utilizzarlo sui siti in produzione. Meglio usare il contenitore Flexbox che è stabile.

  • @laurapadoan7064
    @laurapadoan7064 11 місяців тому

    Ciao Tiziano, grazie mille per il video, davvero utile! Una domanda: ho impostato un contenitore griglia (3 colonne - 1 riga). All'interno di ogni colonna, devo inserire più di un contenuto, uno sotto l'altro, ma non posso farlo. Elementor mi fa mostra ogni elemento in una nuova riga: come posso fare? Grazie mille :)

    • @tixx
      @tixx  11 місяців тому

      Ciao, se ho capito correttamente la tua esigenze, ti basta inserire un widget contenitore all’interno della griglia e inserire i vari contenuti all’interno di quel contenitore.

  • @giorgiovicini2148
    @giorgiovicini2148 10 місяців тому

    ho letto il bellissimo (come il solito) video sulle griglie
    non riesco a trovare il codice che usi a 1.40 minuti in poi
    dove posso andare x provarlo?
    giorgio

    • @tixx
      @tixx  10 місяців тому

      Ciao Giorgio, a 1 min e 40 sec mostro la documentazione di CSS grid sul sito di MDN developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout
      poi mostro un esempio di utilizzo di CSS grid su Codepen: codepen.io/tixx/pen/GRPaONM/4acc2d574ed4b5dfa0ae56afa4b8ad2c

  • @MarioVergati
    @MarioVergati 2 місяці тому

    Tutto il video ma non ho visto come poter mettere testo e immagine in ogni sezione della griglia. Come hai fatto vedere all inizio con il codice CSS. Puoi dirmi come si fa? 🙏

    • @tixx
      @tixx  2 місяці тому +1

      Con Elementor basta che aggiungi dei contenitori all’interno di un griglia e in ogni contenitore inserisci un widget intestazione e un widget immagine. Guarda il video a partire da 5'20"