📄 Como Usar JavaScript para Ajustar o Layout Visual da Página de Doação

🎯 Quando usar?

Quando a ONG deseja personalizar o layout da página de doação, ajustando elementos visuais que não podem ser modificados diretamente pelas configurações padrão do Fichas.

✅ Benefícios

• Ajuste fino de cores, tamanhos e posições.
• Criação de uma identidade visual mais alinhada à marca.
• Melhoria na experiência do usuário.

🛠️ Como fazer?

1. Defina o elemento a ser modificado (ex.: botão, banner, texto).

2. Escreva um código JavaScript ou jQuery para alterar o estilo.

   Exemplo:

html
CopiarEditar
<script>
  document.addEventListener("DOMContentLoaded", function() {
    document.querySelector('.btn-donate').style.backgroundColor = "#FF5733";
  });
</script>

1. Insira o código no campo "Script Cabeçalho" ou na etapa específica que deseja alterar.

✅ Resultado esperado

Página de doação com elementos visuais personalizados, promovendo uma experiência mais alinhada à marca.

⚠️ Dica

• Sempre teste alterações para evitar impactos na usabilidade e responsividade.