Ajustar imagen de fondo

  • Sara_Colombo
    Fecha de consulta 30 de marzo de 2023, 19:28

    Hola


    Quisiera saber como ajustar la imagen de fondo del formulario para que quede en el tamaño justo?También como dejar una imagen al lado y el texto del formulario al otro?

  • Catherine Jotform Support
    Fecha de respuesta 31 de marzo de 2023, 12:55

    Hola Sara,

    Gracias por comunicarte con el equipo de soporte de Jotform. Entiendo que necesitas modificar el tamaño de la imagen de fondo de tu formulario y así mismo alinear tanto el fondo como el formulario para una mejor visualización, ¿correcto? Esto es posible usando códigos CSS y la configuración del Diseñador de Formulario. Es sencillo, te enseño como:

    • Primero, eliminaremos la imagen de fondo (ya que se usará directamente su URL en el código CSS) desde el Diseñador de Formularios.

    1680280944 64270d7085733  Screenshot 10

    • Bajo la pestaña de Estilos en el Diseñador de Formularios, desliza e inserta el siguiente código CSS:
    .supernova {
      background-image:url("https://files.jotform.com/jufs/Sara_Colombo/form_files/Lets%20become%20partners.6426197fdcc838.10512527.png?md5=bs1P27DuoNf6wvxHXIc1Eg&expires=1680278856E"); /*For page background*/
     background-size: 500px 600px!important;
     background-position: left!important;
    }

    .form-all {

     direction: rtl;
     text-align: right!important;
    }


    1680281178 64270e5adeba3  Screenshot 21

    Puedes ajustar el tamaño y la alineación de los mismos directamente desde el código CSS. Por ejemplo, si deseas que el fondo este alineado a la izquierda, simplemente modifica la línea de background.position: left por right.

    Adicionalmente, puedes modificar el Ancho del formulario desde el mismo Diseñador:

    1680281708 6427106cbcb37  Screenshot 32

    Espero esto te sirva. No dudes en contactarnos si tienes alguna otra pregunta.