O Divi tem uma coisa muita chata que é aparecer o atributo título das imagens quando passa o mouse em cima delas. Tentei resolver com CSS, mas o código usava a propriedade pointer-events e definia como none. Isso tira não apenas a ação do hover, mas também do click e, nesse caso, as imagens tinham link do Whatsapp, então precisavam ser clicáveis. Achei este tutorial: https://divimundo.com/en/blog/how-to-hide-the-divi-image-title-on-hover-the-easy-way/. Então precisa de um código jQuery no head:
jQuery(document).ready(function($) {
$("img").mouseenter(function() {
let $notooltip = $(this).attr("title");
$(this).attr("notooltip", $notooltip);
$(this).attr("title", "");
}).mouseleave(function() {
let $notooltip = $(this).attr("notooltip");
$(this).attr("title", $notooltip);
$(this).removeAttr("notooltip");
});
});O código CSS que não dá pra usar é o seguinte:
/* Hide image titles on hover */
img {
pointer-events:none;
}
