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

Let's add a shadow effect to the recommendation module divi of Elegant Themes WordPress template so that when we move the mouse over the module's highlight it to stand out above the rest. Add a shadow effect to highlight it on the other modules we have around and so get more pleasant and user friendly visual effect.

Module Configuration Recommendation

Add the following styles in the CSS Custom tab:

  • CSS class: productos_sobre
  • Description opinion: Background-color: rgba (255, 255, 255, 0.5);
  • Author of opinion: Display: none! Important;
  • Metadata opinion: Display: none! Important;

Add CSS styles to the theme son

Add to stylesheet Divi Child Theme the following CSS code:

/ * Product Section * /
.et_divi_builder #et_builder_outer_content .productos_sobre .et_pb_testimonial_description: hover {
/ * Hovering above I highlight the text box * /
background-color: rgba (255, 255, 255, 0.85);
/ * Shadow effect * /
box-shadow: 15px 0 0 0;
}
.et_divi_builder #et_builder_outer_content .et_pb_testimonial.et_pb_testimonial_no_bg: hover {
/ * Shadow effect * /
box-shadow: 15px 0 0 0;
}

Obtained result

And this is the result after applying all CSS styles to our recommendation module Divi

  • without being the mouse on Article
  • the mouse on Article
  • and the mouse over the title of the article.

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

Save

If you have found this article interesting and think Divi can help you with your web project and you're thinking of buying it, I ask you to do it by clicking on the picture below. I am affiliated with ElegantThemes and I take a small commission if you get to buy it. This way you help me keep the blog and write more articles like this.

If you also you do ElegantThemes subscriber, you can buy it with up to 20% discount in some cases.

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

Save

Save

Advertisements

Use of cookies

This site uses cookies for you to have the best user experience. If you continue to browse you are giving your consent to the acceptance of the above cookies and acceptance of our cookies policy, Click the link for more information.

OK
Notice of cookies

Veo que te gusta mi Blog...

Si te ha parecido interesante este artículo, no esperes a suscribirte a mi blog. Cuando vuelva a escribir otro seguro que te interesará y no desearás no haberte enterado. Puedes suscribirte con total tranquilidad de que no recibirás spam. Lo odio igual que tu. Solo quiero que aprendas cosas nuevas y te sientas agusto con mis artículos. ¡Gracias!

Thank you for subscribing!

Pin it on Pinterest

Share This

Share

Share this with your friends!