How to customize form with CSS code?

Como eu faço para customizar meu formulário com CSS? Não localizei onde inserir os códigos

Hi Bichara,

Thanks for reaching out to Jotform Support. Unfortunately, our Portuguese 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 Portuguese, 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, let me help you with your question. I've checked your CTTP - Cartas Proposta form and see that you're using the card layout. Unfortunately, it's not possible to customize the form using CSS code in this layout. It's only supported in the classic layout. If you want to change the form layout to classic, it's easy. Let me show you how:

1. In Form Builder, click on the Paint Roller icon on the right.
2. Click on Layout on the right.
3. Select the Classic Form layout.

After following these steps, your form will be in the classic layout. You can then inject CSS code to customize the form. Let me show you step-by-step:

1. In Form Builder, click on the Paint Roller icon on the right.
2. Click on Styles at the top.
3. You can then enter the CSS code into the Inject Custom CSS section.

For more information, check out our guides on How to Change Your Form Layout and How to Inject Custom CSS Codes.

Give it a try and let us know how it goes. 

Ainda tenho duas dúvidas

1 - Se eu mudar o para o Classic Form, inserir o CSS Code e depois voltar o layout para o Card Layout, os campos continuarão com letras maiúsculas, mesmo utilizando o Card Layout?

2 - Preciso que voces escrevam qual é o CSS Code para tornar as letras maíusculas

Hi Bichara,

Thanks for getting back to us. I'm afraid that it won't carry over the CSS code you injected in the classic form layout to card forms because card forms doesn't not have option to inject CSS codes compared to classic forms.

You can copy the CSS code below to make the letter uppercase in classic forms. Here's how you do it with the cloned version of your form:

.form-all

{

  text-transform: uppercase!important;

}

1. In form builder, click on the roller paint icon.
2. Then click on Styles.
3. And scroll down to the CSS code text field and paste the code in it.

Let us know if there’s anything else we can help you with.