Tutorial Divi: Desativar animação de elementos do slide

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Se você já tentou remova o efeito animado que compõe os textos e os diferentes elementos dos slides de Divi, você já deve ter percebido que não há ajuste para isso.

Me refiro a esse efeito que faz saltar de baixo, como na captura a seguir …

Tutorial Divi: Desativar animação de elementos do slide 1

Se, como eu, esse efeito permanecer, pelo menos Tem uma solução, em 2 etapas.

Adicionar uma classe CSS ao slide

Este primeiro passo não tem mistério (bom, nenhum), você só precisa edite o carrossel de slides e adicione uma classe CSS personalizada, por exemplo

mi_diapositiva

.

Tutorial Divi: Desativar animação de elementos do slide 2

Salve as alterações no módulo e na página onde está.

Desativar animação

Agora que temos uma classe CSS para atuar, não para fazê-lo indiscriminadamente, aplicaremos a mágica do CSS para desativar esse efeito de animação.

Para fazer isso, abra o WordPress Customizer (

Apariencia > Personalizar

) e vá para a seção “CSS adicional”.

Adicione o seguinte código, alterando o nome da classe CSS do exemplo para o qual você escolheu.

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
/* Desactivar animación diapositiva Divi - Requiere la clase CSS mi_diapositiva */
.mi_diapositiva .et_pb_slide_image ,.mi_diapositiva .et_pb_slide:first-child .et_pb_slide_image img.active 
animation-name: none!important;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-ms-animation-name: none!important;
-o-animation-name: none!important;

.mi_diapositiva .et_pb_slide_description 
-webkit-animation-name: fadeOut!important;
-moz-animation-name: fadeOut!important;
-ms-animation-name: fadeOut!important;
-o-animation-name: fadeOut!important;
animation-name: fadeOut!important;

Publique as alterações e você já as possui. Agora, os elementos do slide desse carrossel não farão mais a animação.

Tutorial Divi: Desativar animação de elementos do slide 3

Obviamente, você pode aplicar a classe CSS a qualquer carrossel de slides Divi no qual deseja substituir o efeito de animação.

A entrada Tutorial do Divi: Desativar animação de elementos do slide foi publicada pela primeira vez por Fernando Tellado na Ajuda do WordPress. Não copie conteúdo, ele não diz nada de bom a você para seus leitores.

Leia Também  O controle de consentimento RGPD e o plugin de controle de cookies quase perfeito

Sites que podem interessar:

https://proverasfestas.com.br/brigadeiro-gourmet/
https://responsibleradio.com/20-ideias-bem-sucedidas-de-negocios-em-casa-na-india/

https://weeventos.com.br/arduino-para-instalar-o-driver-no-windows-8/

https://draincleaningdenverco.com/melhores-academias-de-ginastica/

https://clipstudio.com.br/7-passos-para-tomar-depois-de-fazer-500-por-dia-on-line/

https://teleingressos.com.br/florida-onde-as-pessoas-sao-estranhas-e-estranhamente-boas-em-pagar-emprestimos-para-estudantes/

https://testmygeekstuff.com/7-dicas-para-o-dominio-certo-e-o-que-voce-deve-considerar-ao-comprar-um-dominio/

https://coniferinc.com/marketing-de-afiliados-para-um-negocio-de-acessorios-bmw/

https://multieletropecas.com.br/mac-x-pc/

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br