Como definir facilmente o rodapé no Divi |

Como definir facilmente o rodapé no Divi |

dezembro 28, 2022 0 Por Como Posso?
apresentação divi rosa

O fato de você poder colocar uma boa página, saber fazer uma boa landing page ou ter um logotipo profissional , sempre faz uma grande diferença. Realmente, as melhores mudanças estão nos pequenos detalhes, então por que não poder dar importância a eles?

É por isso que podemos passar horas decidindo entre as melhores músicas para escolher . Entre estes, e também sendo um dos mais populares está o Divi , e com razão. À vista é um assunto muito agradável, além de tornar altamente profissional ver sua página com design .

Portanto, deve-se aproveitar esta ferramenta e poder dar importância aos pequenos detalhes, como mencionamos anteriormente.

Com este último em mente, você pode se interessar em desenhar um rodapé, ou rodapé , para sua página, de forma que termine com um pequeno detalhe no final de cada página para que fique bonita. Veja abaixo como você pode fazer isso.

logotipo roxo divi

Criando um rodapé legal no Divi

Criar um rodapé no Divi é, na verdade, um processo muito simples. Pode parecer um pouco complicado no início, mas com o tempo é possível pegar o jeito. Tudo que você precisa fazer é seguir o próximo passo a passo:

  1. Comece inserindo o personalizador de tema que você tem no WordPress. Aqui, você deve inserir a parte que diz “Pizza” , depois “Barra inferior” e depois a parte “Cor de fundo”. Aqui podemos ver alguns controles para a cor de fundo do rodapé.
  2. Teremos que torná-lo transparente. Podemos conseguir isso configurando o rgba para 0,0,0,0 . Não obstante. Lembre-se de que você pode alterar isso dependendo da cor de fundo que vai usar e da cor da fonte.
  3. Agora, vamos nos dedicar totalmente a criar o rodapé como tal. Para isso, iremos ao construtor visual do Divi . Aqui, clicaremos no botão Construir do zero . Em seguida, ele nos perguntará sobre as linhas que vamos usar, e apenas pressionaremos a opção de usar uma. Em seguida, ele perguntará sobre o módulo a ser usado, mas não usaremos nenhum.
  4. Em seguida, eles subtraem as configurações de linha. Teremos que fazer alguns ajustes em relação à separação que deixaremos com uma margem customizada de 0px no topo e 0p na base. Além disso, deixaremos o preenchimento personalizado da área de trabalho em 80px na parte superior e na base e 100px na parte superior e na base do tablet.
  5. Por outro lado, na guia Design, devemos ter uma margem personalizada de -55px na Base e um preenchimento personalizado de 0px na parte superior e na base. Continuaremos com os Divisores na parte Base. Teremos apenas que adicionar a cor que desejamos, bem como o estilo de separador que desejamos usar.
  6. Agora, só temos que ir para a guia Avançado e adicionar um código CSS para que o texto não fique atrás do fundo. Em CSS customizado, na tela do elemento principal, colocaremos “z-index: 0;”. Agora você só pode salvar a seção na biblioteca para reutilizá-la sempre que puder no Divi.
Saiba +  Estações de rádio gratuitas ao vivo na Internet Como ouvir rádio online?

Páginas da web da Divi

Definindo o rodapé

Um erro muito comum que ocorre com o rodapé em Divi, é que ele sobe em lugares que não deveria. Para corrigir isso, em CSS personalizado, adicionaremos o seguinte código:

/ * Definir rodapé DIVI * /

# main-footer {

posição: absoluta;

inferior: 0;

largura: 100%;

}