Diminuire la larghezza dei campi dell'elemento Riempi gli spazi vuoti tramite codice CSS

  • postamariocosta
    Domanda del 12 luglio 2024 alle ore 07:30

    Salve,

    volevo sapere come faccio a diminuire la larghezza dei sottocampi "a.s. iniziale" e "a.s. finale" con codice CSS come da screenshoot allegato sotto.

    Grazie

    Diminuire la larghezza dei campi dellelemento Riempi gli spazi vuoti tramite codice CSS Image 1 Screenshot 20

  • Vincenzo Jotform Support
    Risposta del 12 luglio 2024 alle ore 08:07

    Buon pomeriggio Mario,

    Grazie per aver contattato il supporto tecnico di Jotform. Diminuire la larghezza dei campi dell'elemento Riempi gli spazi vuoti tramite codice CSS è possibile. 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:
    /* Code to reduce widht of Fill in the Blank element - 16829443  */
    input#\31 04_number-4 {
        width: 50px !important;
    }
    input#\31 04_number-5 {
        width: 50px !important;
    }
    /* Code Ends Here */

    Diminuire la larghezza dei campi dellelemento Riempi gli spazi vuoti tramite codice CSS Image 1 Screenshot 30

    Risultato:

    Diminuire la larghezza dei campi dellelemento Riempi gli spazi vuoti tramite codice CSS Image 2 Screenshot 41

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

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

La tua Risposta