Como posso ter formulário e texto um do lado do outro?

  • Profile Image
    danilo.alves
    Perguntado em 5 de abril de 2021 às 17:34
  • Profile Image
    Gustavo_H
    Respondido em 6 de abril de 2021 às 09:41

    Olá, Danilo.


    Não sei se entendi bem o que você precisa fazer. Creio que isso ainda é relacionado com seu formulário no lado direito da página, você gostaria de inserir um texto no lado esquerdo? Se sim, note que para fazer isso será necessário vários ajustes com CSS.

    Guia Completo 👉 Como-Inserir-Códigos-CSS-Personalizados

    Clonei seu formulário e adicionei um elemento parágrafo para te mostrar um exemplo(que você pode acessar aqui). Você pode clonar esse exemplo usando o guia abaixo.

    Guia Completo 👉 Como-clonar-um-formulário-existente-pela-URL

    Esse foi o código utilizado para estilizar e posicionar esse texto para estar a esquerda do formulário:

    .form-section{
      display: contents !important;
    }

    #id_42{
      top: 0 !important;
      position: absolute !important;
      display: flex !important;
      left: 0 !important;
    }

    #cid_42 p{
      width: 500px !important;
      line-break: anywhere !important;
      border: 2px solid purple !important;
      padding: 20px !important;
      margin: 25px 0 !important;
    }


    Se você tem uma compreensão um pouco mais avançada do CSS, por favor, adicione seu texto e use uma variação parecida como a mostrada acima para atingir o que você precisa.


    Qualquer dúvida adicional estamos a disposição.


    Atenciosamente, 😀

  • Profile Image
    Gustavo_H
    Respondido em 6 de abril de 2021 às 12:12

    Olá, novamente, Danilo.

    Guia Completo 👉 Como-Incorporar-um-Formulário-a-um-Website


    Dessa forma, você vai poder criar uma linha com duas colunas e deixar seu texto ou demais conteúdo no lado esquerdo e o formulário no lado direito. Para fazer algo parecido com isso somente na nossa plataforma, vai ser necessário uma quantidade relativamente alta de códigos CSS para sobrescrever o formato normal do formulário.

    Com o código fornecido na minha primeira resposta, apenas foi possível fazer o seguinte. Se você tem mais elementos do que um parágrafo, o uso de código se torna ainda mais difícil e provalmente você vai ter que escrever um código específico para quando o formulário for usado em celulares.

    1617725439 606c87ff88075  Screenshot 10


    Nos deixe saber se podemos te ajudar com algo mais.


    Atenciosamente,