Un utente ha chiesto
Categoria: Spacious di WordPress
Domanda: Problema di formattazione con i media e il blocco di testo di gutenberg

Quando utilizzo l’editor di blocchi (Gutenberg) e inserisco un blocco “immagine e testo”, la formattazione va storta nella pagina pubblicata. L’immagine viene posizionata nel margine sinistro e le linee di testo si sovrappongono verticalmente.
Con altri tipi di blocchi, le cose sembrano normali.

La pagina per cui ho bisogno di aiuto: [log in to see the link]

  • (@nitusshrestha10)

    @ruudbouwhuis

    Puoi aggiungere il codice CSS di seguito alla casella CSS aggiuntiva e controllare?

    p {
        line-height: 1.2;
    }

    Grazie.

    (@ruudbouwhuis)

    Grazie per la tua risposta Nitou.

    Ho aggiunto il codice alla casella CSS extra del blocco e ho controllato, non ha fatto differenza.

    Ho anche provato a utilizzare il tema spazioso senza modifiche (normalmente uso un tema figlio): questo ha risolto il problema dell’allineamento a sinistra, l’immagine e il paragrafo ora sono ben allineati, ma le righe di testo a destra si sovrapponevano sempre verticalmente.

    Nota: tutti gli altri tipi di blocco (paragrafo, titolo, immagine, elenco) sembrano allineati correttamente, da quello che posso vedere questo accade solo con il tipo di blocco “immagine e testo”.

    Cordiali saluti, Ruud

    (@nitusshrestha10)

    @ruudbouwhuis

    Sembra che tu non abbia aggiunto il codice fornito sopra. Puoi aggiungere il codice e farci sapere?

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Scusa, l’ho cancellato dopo il test.
    Ora l’ho aggiunto di nuovo.
    Lo lascio dentro.

    (@nitusshrestha10)

    @ruudbouwhuis

    Abbiamo controllato il tuo sito e ancora non siamo riusciti a vedere che hai utilizzato il codice CSS fornito sul tuo sito. Tuttavia, se l’hai aggiunto in quel momento, puoi dirci come l’hai aggiunto?

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Se ricarichi la pagina, troverai uno screenshot dell’editor in basso.

    Cordiali saluti, Ruud

    (@nitusshrestha10)

    @ruudbouwhuis

    Puoi visitare Aspetto -> Personalizza -> CSS aggiuntivo e aggiungere il codice CSS sopra e controllare?

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Grazie ancora per il tuo tempo e supporto.

    Ho fatto come hai detto.
    La spaziatura tra le righe di testo ora sembra corretta.

    Ma l’allineamento a sinistra di questo blocco ha ancora un grande offset sul lato sinistro rispetto agli altri blocchi.

    (@nitusshrestha10)

    @ruudbouwhuis

    Puoi fornirci il link dello screenshot per una migliore comprensione del problema?

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Puoi vedere lo screenshot con alcune osservazioni qui:
    https://photos.app.goo.gl/S2VVxK6qTB6ppxyX7

    Cordiali saluti, Ruud

    (@nitusshrestha10)

    @ruudbouwhuis

    Puoi aggiungere il contenuto al tuo sito e comunicarcelo, in modo che possiamo ispezionarlo e trovare una soluzione migliore?

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Scusa ma non capisco cosa intendi con questa domanda.
    Tutto il contenuto è già presente sul sito, puoi vederlo qui:

    https://wsbenelux.nl/test-image-and-text-block-gutenberg/

    Vuoi che metta più informazioni sul sito?

    Grazie.

    (@nitusshrestha10)

    @ruudbouwhuis

    Puoi aggiungere il codice CSS di seguito alla casella CSS aggiuntiva e controllare?

    .no-sidebar-full-width #primary .entry-content .alignwide, .no-sidebar #primary .entry-content .alignwide {
        margin-left: 0;
        margin-right: 0;
    }

    Grazie.

    (@ruudbouwhuis)

    @nitushrestha10

    Ho aggiunto il codice e ora la formattazione sembra corretta.
    Puoi verificarlo qui: https://wsbenelux.nl/test-image-and-text-block-gutenberg/

    Mi chiedo ancora perché questo problema si è verificato solo nel tipo di blocco “media e testo”, ma sono contento che abbiamo una soluzione ora.

    Grazie ancora per il supporto e la pazienza.

    (@nitusshrestha10)

    @ruudbouwhuis

    Fateci sapere se avete ulteriori domande sul tema.

    Grazie.

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *