Escolha uma Página
Domine o visual do seu Divi.
Fixar menu no celular

Fixar menu no celular

Pra criar o efeito abaixo e manter a barra de menu fixa no celular ou tablet, add o código no seu CSS: @media only screen and ( max-width: 980px ){ #main-header{ position: fixed !important; } #et_menu_container, #main-header{ height:70px; margin-top: -13px } }...

ler mais
Como usas as mais de 1080 paginas prontas do Divi

Como usas as mais de 1080 paginas prontas do Divi

Após clicar em adicionar Nova Página (Usando o Construtor Divi)Escolha a opção: "Selecionar Layout" Cada layout tem seu próprio conjunto de páginas. Você pode selecionar páginas de diferentes layouts ou usar apenas módulos individuais de cada página para criar seus...

ler mais
Texto no lugar da logo Divi

Texto no lugar da logo Divi

Adicione um texto comum ao invés de imagem no lugar da logo. Adicione o código no seu CSS: #logo{ display:none; } .logo_helper:before{ content: 'ESCREVA seu texto AQUI'!important; display:inline!important; white-space: nowrap; font-family:"Lato"!important;...

ler mais
Texto no lugar do hamburger menu

Texto no lugar do hamburger menu

Para adicionar um texto no lugar do menu no celular, adicione o seguinte código ao seu CSS: #et_mobile_nav_menu .mobile_menu_bar::before { font-size: 25px!important; content: 'menu'; font-family: Arial!important; border-radius:3px; }   Para adicionar um X para...

ler mais
Logo diferente no celular

Logo diferente no celular

Você pode ter uma logo específica para tablet e celular ou apenas para celular, adicione o código no CSS principal: @media only screen and (max-width:680px){ #logo { content: url("ADICIONE AQUI A URL DA SUA LOGO PARA CELULAR"); } }  

ler mais
Tamanho da Logo no celular

Tamanho da Logo no celular

Dependendo da dimensão da sua logo ela pode ficar bem pequena no celular. Esse código aumenta seu tamanho e controla as margens e paddings para celular. @media only screen and (max-width: 981px){ #logo{ margin-top:0px; margin-left:-10px; max-height:80%; max-width:80%}...

ler mais
Menu com efeitos ao passar o mouse

Menu com efeitos ao passar o mouse

O menu abaixo não está funcional, foi criado apenas para que você possa ver os efeitos ao passar o mouse sobre cada botão. Esse é um menu nativo do WordPress Cada botão tem uma classe única, você pode escolher um e adicionar a todo o menu ou usar sua imaginação para...

ler mais
Inverter a ordem das colunas no celular ou tablet

Inverter a ordem das colunas no celular ou tablet

Para inverter a ordem das colunas do Divi no "Celular" e/ou "Tablet" basta adicionar uma classe a Linha e um código ao CSS principal. Adicione em: Configurações da Linha / Avançado / Classes & ID do CSS / Classe CSS: inverter_colunas Adicione o código no CSS principal...

ler mais
Personalizando largura das colunas

Personalizando largura das colunas

Para personalizar a largura das colunas do Divi "builder" basta adicionar um simples código CSS e atingir qualquer tamanho desejado.Por padrão, uma linha com 4 colunas é dividida igualmente em 4x 25% Você pode usar qualquer porcentagem até atingir 100% criando um...

ler mais
Adicionar qualquer ícone social no rodapé

Adicionar qualquer ícone social no rodapé

Botão do WhatsApp no site  sem plugin  Para conferir o link no site do WhatsApp, acesse: https://www.whatsapp.com/ (que é a página Oficial do WhatsApp) Clique no menu: Faq e no campo de busca digite:  Conversa em um clique  Nesse tópico você encontra esse link:...

ler mais
Titulo do Sinopse acima do ícone ou imagem

Titulo do Sinopse acima do ícone ou imagem

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit...

ler mais
Abrir ícones do rodapé em uma nova aba

Abrir ícones do rodapé em uma nova aba

para fazer com que os ícones de redes sociais no rodapé do tema Divi abram em uma nova aba mantendo seu site aberto, insira o código a seguir em: Divi / Opções de Temas / Integração / Adicionar código para o < body ><script type="text/javascript">...

ler mais
Exibir 2 ou mais colunas no celular

Exibir 2 ou mais colunas no celular

para exibir 2 colunas no celular, insira em "Configurações da página / Avançado / Customize CSS: @media only screen and (max-width:479px) { .et_pb_column{width:33%!important; padding:5px;} } *para exibir 2 colunas use 50%, para 3 colunas 33% e para 4 colunas 25% *para...

ler mais
Imagem ao invés de ícone ao passar mouse sobre botão

Imagem ao invés de ícone ao passar mouse sobre botão

Você pode utilizar uma classe para cada botão e duplicar o código caso queira um ícone diferente para cada, ex: bt_whats, bt_facebook... Esse código pode ser adicionado no CSS principal ou nas Configurações da página/Avançado/Customize CSS.bt_img:after...

ler mais
Alinhamento-Vertical, imagem e texto

Alinhamento-Vertical, imagem e texto

para alinhar imagem com texto na vertical:(insira antes de src="...) style="vertical-align:middle"  esse é um bloco de texto com uma imagem. Facebook         Facebook para alinhar colunas vertical(insira em "Configurações de linha / Avançado / Customize CSS /...

ler mais