Errore nei codici CSS per allineamento testi

  • Merigge
    Domanda del 25 maggio 2024 alle ore 08:23

    Buongiorno,

    ieri ho chiesto assistenza nella chat live e un'operatrice mi ha inserito nel CSS i codici per fare l'allineamento dei testi giustificato anche nella lingua Inglese e Spagnolo.

    Ora i testi non sono più allineati giustificati e non capisco perchè. Vi chiedo per favore di intervenire per allinenare tutti i testi nelle 3 lingue.

    Ho anche aggiunto un nuovo massaggio MASSAGGIO BIO - EMOZIONALE ALLA LAVANDA ma non riesco nel CSS a mettere la descrizione in ITALIANO, INGLESE se per favore puoi farlo tu per me e poi dirmi come hai fatto.

    Allego le foto dei testi che devono essere allineati

  • Merigge
    Risposta del 25 maggio 2024 alle ore 08:30

    Per favore ho scoperto ora che ci sono 3 errrori ne CSS puoi corregerli per me?

    Ti allego lo screen shot che dove ho visto gli errori

    Grazie

    Raffaele

  • Merigge
    Risposta del 25 maggio 2024 alle ore 08:31

    Errore nei codici CSS per allineamento testi Image 1 Screenshot 20

  • Joseph Jotform Support
    Risposta del 25 maggio 2024 alle ore 10:44

    Buongiorno Merigge,

    Grazie per aver contattato il supporto tecnico di Jotform. Ho controllato il tuo modulo e nella versione Spagnolo e Inglese non ho riscontrato nessun problema nell'allineamento dei testi.Errore nei codici CSS per allineamento testi Image 1 Screenshot 30Errore nei codici CSS per allineamento testi Image 2 Screenshot 41

    Ho tuttavia corretto gli errori riportati come da te richiesto, direttamente sul tuo modulo.

    Ho notato che l'unico problema di allineamento riguarda la versione Italiana. Per questo però, mi servirà più tempo per trovare una soluzione in quanto, quando il testo è giustificato l'allineamento del testo avviene automaticamente. Correggere manualmente l'allineamento potrebbe richiedere di modificare la dimensione di vari elementi e quindi, ho bisogno di più tempo per verificare se questa è un'opzione percorribile.

    Grazie per la pazienza e la comprensione.

  • Merigge
    Risposta del 25 maggio 2024 alle ore 10:55

    Buonasera Joseph,

    nella versione italiana solo il MASSAGGIO BIO EMOZIONALE che è quello da me inserito oggi non è allineato giustificato quindi forse è molto semplice per te correggere l'errore.

    Andrebbe poi tradotto nella lingua inglese e spagnolo questo messaggio perchè io non so come si fa se puoi farlo tu ti autorizzo nel modulo e magari mi spieghi la procedura.

    Vedo che ora tutti i testi anche in inglese e spagnolo sono allineati giustificati manca solo il MASSAGGIO BIO EMOZIONALE che va tradotto nelle due lingue INGLESE e SPAGNOLO e allineato giustificato.

    Se vai nel CSS Stili puoi vedere perchè ci sono 2 volte il massaggio decontratturante e non trovo quello che ho inserito io BIO EMOZIONALE?

    Attendo le correzioni richieste con le informazioni.

    Grazie

    Raffaele

  • Merigge
    Risposta del 25 maggio 2024 alle ore 11:00

    Joseph,

    vorrei anche sapere se fosse possibile allineare i titoli su due righe dei massaggi dove troppo lunghi

    sono putroppo attento all'estetica e non è il massimo in visualizzazione con il telefono vedere per esempio 50 e su altra riga minutes andrebbe il 50 sulla stessa riga dei minutes.

    Ti mando lo screen shot.

    Se tutti i titoli potessero essere gestiti su 2 righe sarebbe meglio se mi spieghi come fare o se lo puoi fare tu per me.

    Grazie

    Raffaele Errore nei codici CSS per allineamento testi Image 1 Screenshot 20 Screenshot 10

  • Vincenzo Jotform Support
    Risposta del 25 maggio 2024 alle ore 11:47

    Buon pomeriggio Raffaele,

    Grazie per averci contattato nuovamente e per le informazioni aggiuntive. La descrizione del trattamento "Massaggio Bio - Emozionale alla Lavanda"non è giustificata ne tradotta perché è stata aggiunta successivamente e dunque per farlo bisognerà aggiungere un nuovo codice CSS al suo modulo. Le mostro come fare:

    1. Nel Costruttore di Moduli, fare clic sul pulsante Designer Moduli, in alto a destra dello schermo.
    2. Quindi, fare clic sulla scheda Stili.
    3. Scorrere fino a Inserisci CSS Personalizzato e inserire il codice sottostante al resto del codice CSS già presente:
    /* Justify Massaggio Bio - Emozionale alla Lavanda, and translate description - 15241701 */
    #product-name-description-input_6_1074:lang(it) {
    text-align: justify;
    }
    #product-name-description-input_6_1074:lang(en) {
    font-size: 0 !important;
    text-align: justify;
    }
    #product-name-description-input_6_1074:lang(en):after {
    content: "Surrender and be enveloped in the natural essences of lavender in a warm and fresh formulation. An extremely revitalizing massage that stimulates the senses: ideal for men and women, it gives vitality and energy.";
    font-size: 14px;
    }
    #product-name-description-input_6_1074:lang(es) {
    font-size: 0 !important;
    text-align: justify;
    }
    #product-name-description-input_6_1074:lang(es):after {
    content: "Ríndase y déjese envolver por las esencias naturales de la lavanda en una formulación cálida y fresca. Un masaje extremadamente revitalizante que estimula los sentidos: ideal para hombres y mujeres, aporta vitalidad y energía.";
    font-size: 14px;
    }
    /* Code Ends Here */

    Errore nei codici CSS per allineamento testi Image 1 Screenshot 30

    Risultato:

    Errore nei codici CSS per allineamento testi Image 2 Screenshot 41

    Qui può testare questo modulo di prova o clonarlo per capire meglio come è stato configurato.o

    Per evitare possibili confusioni, ho spostato la sua altra domanda su una nuova discussione. Può vedere la mia risposta facendo clic qui.

    Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.