¿Cómo cambiar el color de encabezado de las páginas?

  • Otero_Lisbeth
    Asked on February 2, 2021 at 1:17 PM

    Buenos Días.

    Como cambio el color de fondo de mis encabezados sin que se le coloque el mismo color a todos.

    Quiero tener encabezado de diferentes colores en un mismo formulario.

  • Kevin Support Team Lead
    Replied on February 2, 2021 at 6:30 PM

    You can do it with some CSS code, this will help you to do so:

    .page-section:nth-child(3) .form-header-group {

      background: orange;

    }

    The given code will change it to the first page, to affect other pages simply increase the number, so for the second page you can change it to:

    .page-section:nth-child(4) .form-header-group {

      background: green;

    }

    This guide will help you to inject the code to your form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    If you have any questions, let us know.


  • Otero_Lisbeth
    Replied on February 2, 2021 at 9:10 PM

    NO LO HE PODIDO Hacer no me sale me podrían mostrar en mi propio formulario.

    https://form.jotform.com/210324608140038



  • Kevin Support Team Lead
    Replied on February 3, 2021 at 10:51 AM

    El código proporcionado fue probado en tu formulario, acá dejo un ejemplo del resultado:

    1612367222 601ac5768a003  Screenshot 10

    Ahora, revisando tu formulario la razón por la cual no funciona es debido a como has especificado el color y a la palabra "fondo":

    .page-section: nth-child (4) .form-header-group {

      fondo : verde;

    }

    Los colores solo funcionan si son ingresados con código HTML o en Ingles, para encontrar el código HTML del color te recomiendo usar la siguiente página: https://htmlcolorcodes.com/es/

    Asegúrate de usarlo de la siguiente manera:

    .page-section: nth-child (4) .form-header-group {

     background: #FF5733;

    }

    Lo único que tienes que cambiar es el código del color.

    Si tienes dudas, déjanos saber.