Come nascondere il pulsante indietro e centrare il pulsante invio con un codice CSS?

ottimo grazie. sempre sullo stesso modulo vorrei centrare e lasciare del bordo al pulsante finale oltre che togliere il pulsante

Buongiorno UNIPOBO,

Nascondere il pulsante indietro e centrare il pulsante invio inserendo un 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 Hide Back button and center Submit button - 17298281 */

#form-pagebreak-back_238 {

    display: none;

}

#input_189 {

    margin-right: 12% !important;

    margin-left: 13% !important;

}

/* Code Ends Here */





@media only screen and (max-width: 480px) {

#input_189 {

    margin-left: -35% !important;

    margin-right: 10% !important;

    width: 500px !important;

}

}

/* Code Ends Here */

Risultato su PC:

Risultato su Smartphone:

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

Buindi, grazie. Fatto, ma il primo pulsante iniziale come vede è decentrato.

Come fare per metterlo al centro?

Hi UNIPOBO,

Our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again. 

Now, coming back to your question, you can add the code below into your form. It should help center the button on the first page.

/* Center button on mobile screen */

@media (max-width: 420px){

#cid_238 div {

width: 100% !important;

}

.form-all li[data-type="control_pagebreak"] .form-pagebreak-next {

margin: 0 auto !important;

}

}

/* end */

Give it a try and let us know if you need any more help.

Buongiorno, ho inserito il codice come puo vedere ma non e cambiato nulla.

qui tutto il codice inseito nel css

.form-label.form-label-auto {

  display : block;

  float : none;

  text-align : left;

  font-weight : 700;

  width : 100%;

}

#cid_193 .form-pagebreak {

  justify-content : center;

}

#cid_193 .form-pagebreak>div:first-child {

  display : none;

}

.form-all {

  margin : 0 auto;

}

.form-all li[data-type="control_pagebreak"] .form-pagebreak-next {

  padding : 1px;

}

/* center first page break button - 17137003*/

#cid_238 > div {

  margin-left : auto !important;

  margin-right : auto !important;

  width : 50% !important;

}

#cid_238 > div > div.form-pagebreak-back-container {

  display : none !important;

}

/* Code to show border and display emojies inside the button -17292503 */

ul.form-section {

  margin : -20px 0px -16px 0px !important;

  padding : 20px 0px 0px 0px !important;

}

@media screen and (max-width: 480px){

  ul.form-section {

    margin : -20px 0px -17px 0px !important;

    padding : 20px 0px 0px 0px !important;

  }

  .form-all li[data-type="control_pagebreak"] .form-pagebreak-next {

    padding : 1px;

    width : 183px;

    margin : -8px 0px 4px -26px;

  }

}

/* Center initial button - 17292503 */

#form-pagebreak-next_238 {

  margin : -5px 0px 1px 0px !important;

}

/* Code to Hide Back button and center Submit button - 17298281 */

#form-pagebreak-back_238 {

  display: none;

}

#input_189 {

  margin-right: 12% !important;

  margin-left: 13% !important;

}

/* Code Ends Here */

@media only screen and (max-width: 480px) {

#input_189 {

  margin-left: -35% !important;

  margin-right: 10% !important;

  width: 500px !important;

}

}

/* Code Ends Here */

/* Center button on mobile screen */

@media (max-width: 420px){

#cid_238 div {

width: 100% !important;

}

.form-all li[data-type="control_pagebreak"] .form-pagebreak-next {

margin: 0 auto !important;

}

}

/* end */

Salve UNIPOBO,

Provi ad aggiungere il seguente codice CSS al suo modulo:

.form-pagebreak, .form-pagebreak>div {

    display: flex;

    justify-content: center;

}

Il pulsante dovrebbe apparire in questo modo da mobile, e da desktop:

Provi in questo modo e ci faccia sapere se ha bisogno di ulteriore assistenza.

MI DA QUESTO ERRORE.

MI RIDA COTESEMENTE INTERO CSS COMPLETO DA SOVRASRCIVERE POI CHE COME VEDE DALLE CONVERSAZIONI SOPRA HO AGGIUNTO QUELLO CHE VOI STESSI MI AVETE DETTO. GRAZIE.

COME NON DETTO. RISOLTO GRAZIE.