Código CSS para alterar cor do título de um campo

  • welenson
    Perguntado em 26 de junho de 2024 às 09:56

    Bom dia, por favor, para eu mudar o nome do campo para daterminada cor eu já sei fazer, para o campo abaixo, que tem varios input, como eu seleciono o do nome dele.

    Código CSS para alterar cor do título de um campo Image 1 Screenshot 30

    Gostaria de deixar o "Nome responsavél" de outra cor.

    Código CSS para alterar cor do título de um campo Image 2 Screenshot 41

  • Filip Jotform Support
    Respondido em 26 de junho de 2024 às 12:13

    Hi Welenson,

    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, coming back to your question, to change the color of multiple fields you need to target all IDs and use a custom CSS. An example of the code would be:

    #input_99_0, #input_99_1, #input_99_2, #input_99_3, #input_99_4, #input_99_5 {
        background-color: #add8e6;
    }


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

  • welenson
    Respondido em 26 de junho de 2024 às 12:42

    Para deixar somente a descrição do campo de cor diferente, tenho que colocar todos os Ids?

  • Ana Jotform Support
    Respondido em 26 de junho de 2024 às 13:03

    Olá Welenson,

    Obrigada pelo retorno. Verifiquei teu formulário e entendi o que você precisa alcançar. Para alterar a cor apenas do título de uma das tuas perguntas, você pode fazê-lo da mesma maneira que já o vem fazendo, basta observar o número de ID principal do campo. No caso do campo mencionado, podemos observar que este possui o ID 99, conforme as imagens:

    Código CSS para alterar cor do título de um campo Image 1 Screenshot 30

    De posse desse número, basta usá-lo no código que você já vem aplicando. Este ficaria da seguinte forma:

    #label_99 {
      color : red;
      font-weight: bold;
    }


    Você pode conferir como injetar o código CSS no seguinte guia. Este deve ser o resultado:

    Código CSS para alterar cor do título de um campo Image 2 Screenshot 41

    Observei também o código já utilizado foi traduzido parcialmente antes de aplicado ao teu formulário. Por favor, certifique-se de colar o código original em inglês para que ele tenha o funcionamento desejado.

    Estamos à disposição.

  • welenson
    Respondido em 26 de junho de 2024 às 13:06

    Entendi, Obrigado Bem.

Sua Resposta