d2 thumb Efecto sombra al módulo de Recomendación de Divi

Ajoutons un effet d'ombre sur le module de recommandation divi des thèmes élégants WordPress modèles de telle sorte que lorsque l'on passe la souris sur le point culminant du module de se démarquer au-dessus du reste. Ajouter un effet d'ombre pour mettre en évidence sur les autres modules que nous avons autour et ainsi obtenir plus agréable et effet visuel convivial.

Recommandation de configuration du module

Ajouter les styles suivants dans l'onglet CSS personnalisé:

  • classe CSS: productos_sobre
  • Description de l'opinion: background-color: rgba (255, 255, 255, 0,5);
  • Auteur de l'opinion: Display: none! Important;
  • opinion Métadonnées: Display: none! Important;

Ajouter des styles CSS au fils thème

Ajouter à stylesheet Divi Enfant Thème le code CSS suivant:

/ * Section du produit * /
.et_divi_builder #et_builder_outer_content .productos_sobre .et_pb_testimonial_description: hover {
/ * Planant au-dessus je souligne la zone de texte * /
background-color: rgba (255, 255, 255, 0,85);
/ * Effet de l'ombre * /
box-shadow: 15px 0 0 0;
}
.et_divi_builder #et_builder_outer_content .et_pb_testimonial.et_pb_testimonial_no_bg: hover {
/ * Effet de l'ombre * /
box-shadow: 15px 0 0 0;
}

Résultat obtenu

Et ceci est le résultat après l'application de tous les styles CSS à notre module de recommandation Divi,

  • sans la souris sur l'article
  • la souris sur l'article
  • et de la souris sur le titre de l'article.

Efecto Sombra Modulo Recomendacion Divi 02 Efecto sombra al módulo de Recomendación de Divi

Garder

Si vous avez trouvé cet article intéressant et penser Divi peut vous aider dans votre projet web et vous envisagez d'acheter, je vous demande de le faire en cliquant sur l'image ci-dessous. Je suis affilié à ElegantThemes et je prends une petite commission si vous obtenez l'acheter. De cette façon, vous me aider à garder le blog et écrire plus d'articles comme celui-ci.

Si vous aussi vous abonné de ElegantThemes, vous pouvez l'acheter jusqu'à 20% de réduction dans certains cas.

AfiliadosDivi Efecto sombra al módulo de Recomendación de Divi

Garder

Garder

Publicités

Utilisation des cookies

Ce site utilise des cookies pour que vous ayez la meilleure expérience utilisateur. Si vous continuez à naviguer, vous donnez votre consentement à l'acceptation des cookies et l'acceptation de notre ci-dessus politique cookies, Cliquez sur le lien pour plus d'informations.

Bien
Avis de cookies

Epingler sur Pinterest

Share

Part

Partagez cet article avec vos amis!