aggiunto dal filtro the_content * - nel canvas → la classe .se-gjs-page messa sull' dell'iframe da se-builder-glue.js * .se-gjs-page (0,1,0) è meno specifico di #custom_page (1,0,0), ma qui non serve battere il * CSS legacy di z: Hello Elementor è un tema spoglio. Le regole per-id esportate dal design * (.se-gjs-page #id{…}) restano prioritarie come prima. * * ⚠ DIVERGENZA NOTA rispetto alla sezione 6 di se-builder-editor.css (che nel canvas è caricata * anch'essa, con selettori nudi .gjs-row/.gjs-cell): quella ha "gap: 10px" su .gjs-row, questa * no. È intenzionale e viene da ShareEvent: il gap è spaziatura di EDITING, aggiungerlo al * pubblicato cambierebbe le pagine già uscite. Nel canvas si sommano ed è il comportamento voluto. * * Storico: in origine qui mancava flex:1 1 0 (celle dimensionate al contenuto) e il breakpoint * mobile era a 878px senza flex-direction:column → le celle con sola immagine collassavano a 0 * in modalità riga (immagini sparite, footer sovrapposto). Riconciliato col canvas dell'editor. * Bug già diagnosticato e risolto a luglio 2026: non riscoprirlo. */ /* ========================================================================== Helper di coesistenza — neutralizzano le regole legacy sul contenuto grape ========================================================================== */ /* main.css ha una regola globale `h1, h2 { text-align: center }` (design legacy) che, essendo DIRETTA sull'h2, batte l'allineamento ereditato dalla cella → i titoli delle Sezioni grape (Staff, Feature, ecc.) risultavano centrati anche quando la loro colonna è a sinistra. Qui i titoli grape tornano a SEGUIRE la loro cella/sezione (`inherit`): quelli con allineamento esplicito dal design (regola per-id `.se-gjs-page #id{text-align:…}`, specificità maggiore) restano come sono; le pagine legacy non-grape non vengono toccate. */ .se-gjs-page h1, .se-gjs-page h2, .se-gjs-page h3, .se-gjs-page h4, .se-gjs-page h5, .se-gjs-page h6 { text-align: inherit; } /* Contenuto del page builder GrapeJS: ogni blocco (_game/_numbers/_countdown/…) si avvolge in

, il cui senso è centrarsi (max-width + margini automatici). Ma su z la .container base (main.css) ha SOLO il padding e la max-width, NON i margini auto → i blocchi restavano incollati a sinistra. Qui ripristiniamo l'auto-centratura della .container SOLO dentro il contenuto grape (.se-gjs-page), senza toccare le pagine legacy (Unlayer/.u_row). */ .se-gjs-page .container { margin-left: auto; margin-right: auto; } /* ========================================================================== 6. CSS DEL CONTENUTO GENERATO — ⚠ allineare con la sezione 6 di manage (vedi header) ========================================================================== */ /* Righe/colonne del page builder (GrapeJS .gjs-row/.gjs-cell): mantieni le colonne affiancate. min-width:0 permette alle celle flex di restringersi e img responsive evita che un'immagine larga forzi il wrap (colonne impilate). */ .se-gjs-page .gjs-row { display: flex; flex-wrap: wrap; } /* flex: 1 1 0 → le celle DIVIDONO lo spazio in parti uguali (come nel canvas dell'editor), invece di dimensionarsi al contenuto. Senza, una cella che contiene SOLO un'immagine a rapporto d'aspetto (background-image / padding-top%, con l'eventuale testo in overlay position:absolute) non riceve larghezza dal contenuto e COLLASSA a 0 in modalità riga (≥768px) → l'immagine sparisce e le sezioni sottostanti risalgono (es. footer che si sovrappone). Le regole per-id esportate dal design (.se-gjs-page #id{flex:…}, stessa specificità ma nel