Suporte » Desenvolvendo com WordPress » Centralizar código no tema Divi

  • Hi!

    Estou com dificuldades para centralizar o código abaixo, mesmo inserindo a tag HTML para centralizar, ele continua alinhado a esquerda.

    <a href="https://www.doctoralia.com.br/luis-felipe-athayde/otorrino/sao-paulo" rel="nofollow">Luis Felipe Athayde - Doctoralia.com.br</a><script>!function($_x,_s,id){var js,fjs=$_x.getElementsByTagName(_s)[0];if(!$_x.getElementById(id)){js = $_x.createElement(_s);js.id = id;js.src = "//platform.docplanner.com/js/widget.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","zl-widget-s");</script>

    Alguém consegue me dar um help?

    🙂

    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 2 semanas, 1 dia atrás por fabriciogaldino.
    • Este tópico foi modificado 1 semana, 3 dias atrás por Felipe Santos. Motivo: Ajuste no código

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • theandersonn

    (@theandersonn)

    Qual elemento / seção deseja centralizar?

    Na sua postagem só um script.

    Explique melhor seu problema, poste tbm o que já tentou.

    Inseri uma tag de hiperlink no site e preciso que ela seja centralizada, já tentei diversas formas no código da seção:

    1 – <div align=”center”></div>
    2 – align=”center”
    3 – <div style=’text-align:center’

    Essa é a tag:

    <a href="https://www.doctoralia.com.br/luis-felipe-athayde/otorrino/sao-paulo" rel="nofollow">Luis Felipe Athayde - Doctoralia.com.br</a><script>!function($_x,_s,id){var js,fjs=$_x.getElementsByTagName(_s)[0];if(!$_x.getElementById(id)){js = $_x.createElement(_s);js.id = id;js.src = "//platform.docplanner.com/js/widget.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","zl-widget-s");</script>

    • Esta resposta foi modificada 1 semana, 3 dias atrás por fabriciogaldino.
    • Esta resposta foi modificada 1 semana, 3 dias atrás por Felipe Santos. Razão: Ajuste no código

    blz!

    A terceira alternativa funciona.

    <div style="text-align: center;">
        <a href="https://www.doctoralia.com.br/luis-felipe-athayde/otorrino/sao-paulo" rel="nofollow">Luis Felipe Athayde -
        Doctoralia.com.br</a>
      </div>

    Por que isso acontece?
    A tag <a> é um elemento com display inline o que influencia no seu comportamento.
    https://developer.mozilla.org/pt-BR/docs/Web/HTML/Inline_elemente

    Oi Anderson!

    Agradeço pela ajuda:)

    Se fosse só o link daria certo sim, porém preciso centralizar o código do script.
    Da forma que vc usou como exemplo está incompleto :'(

    Esse seria o script:
    <script>!function($_x,_s,id){var js,fjs=$_x.getElementsByTagName(_s)[0];if(!$_x.getElementById(id)){js = $_x.createElement(_s);js.id = id;js.src = “//platform.docplanner.com/js/widget.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”zl-widget-s”);</script>

    ok!
    Se você inserir esse script dentro da div vai centralizar tbm. Mas o script não é visível.

    como eu disse ele fica visível sim, porem ignora a tag para centralizar :'(

    Não entendi muito bem, porque o código precisa aparecer.
    Teste desta forma:

    
      <div style="text-align: center;">
        <a href="https://www.doctoralia.com.br/luis-felipe-athayde/otorrino/sao-paulo" rel="nofollow">Luis Felipe Athayde -
          Doctoralia.com.br</a>
        
        <div>
          <code>
              !function($_x,_s,id){var js,fjs=$_x.getElementsByTagName(_s)[0];if(!$_x.getElementById(id)){js = $_x.createElement(_s);js.id = id;js.src = "//platform.docplanner.com/js/widget.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","zl-widget-s")
          </code>
        </div>
      </div>
    

    O código em si terá efeito visual na tela, para ele processar precisa repetir na área apropriada, tipo antes do fechamento da tag body.

    • Esta resposta foi modificada 1 semana, 1 dia atrás por theandersonn.

    Bom dia Anderson 🙂

    Eu testei e o código foi centralizado, porém não teve efeito visual na tela.

    Na tela/página apareceu o próprio código.

    Rapaz, ta uma novela isso rsrs

    Tá sim! Mas acho que estamos matando essa questão.

    Quando você passa o script dentro de ‘code’ está realmente matando a execução, a ideia é somente exibir na tela. Para ele ter efeito deve repetir o ‘script’ no lugar adequado, normalmente antes do fechamento a tag body.

    Sinceramente em sites institucionais, não faz sentido exibir o código… faz sentido dentro de um contexto onde queremos demonstrar/explicar algo, tipo aqui no fórum.

    Explique aí, por que você precisa exibir esse código centralizado na tela.

    • Esta resposta foi modificada 2 dias, 3 horas atrás por theandersonn.
Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • Você deve estar conectado para responder a este tópico.