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

Lassen Sie uns einen Schatteneffekt auf die Empfehlung Modul hinzufügen divi Vorlage von Elegant Themes Wordpress so, dass, wenn wir mit der Maus über die Modul-Highlight bewegen sie über den Rest abzuheben. Fügen Sie einen Schatten-Effekt zu markieren Sie es auf den anderen Modulen haben wir herum und so bekommen angenehmer und benutzerfreundlichen visuellen Effekt.

Modulkonfiguration Empfehlung

Fügen Sie die folgenden Arten in der CSS-Register Benutzer:

  • CSS-Klasse: productos_sobre
  • Beschreibung Meinung: Hintergrund-Farbe: rgba (255, 255, 255, 0,5);
  • Autor der Meinung: Anzeige: keine! Important;
  • Metadaten Meinung: Anzeige: keine! Important;

In CSS-Stile zum Thema Sohn

In den Stylesheet Divi Child Theme die folgenden CSS-Code:

/ * Produkt-Abschnitt * /
.et_divi_builder #et_builder_outer_content .productos_sobre .et_pb_testimonial_description: Hover {
Schwebend / * oben ich das Textfeld * markieren /
background-color: rgba (255, 255, 255, 0,85);
/ * Schatten-Effekt * /
box-shadow: 15px 0 0 0;
}
.et_divi_builder #et_builder_outer_content .et_pb_testimonial.et_pb_testimonial_no_bg: Hover {
/ * Schatten-Effekt * /
box-shadow: 15px 0 0 0;
}

Ergebnis erhalten

Und das ist das Ergebnis, nachdem alle CSS-Stile auf unsere Empfehlung Modul Anwendung Divi,

  • ohne dass die Maus auf Artikel
  • die Maus auf Artikel
  • und die Maus über den Titel des Artikels.

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

speichern

Si te ha parecido interesante este artículo y crees que Divi puede ayudarte con tu proyecto Web y estás pensando en comprarlo, te pido que lo hagas pinchando en la siguiente imagen. Estoy afiliado a ElegantThemes y me llevaría una pequeña comisión si llegas a comprarlo. De esta manera me ayudas a mantener el blog y a escribir más artículos como este.

Si además, te haces suscriptor de ElegantThemes, podrás comprarlo con hasta un 20% Rabatt en algunos casos.

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

speichern

speichern

Werbung

Einsatz von Cookies

Diese Seite nutzt Cookies für Sie die beste Nutzer-Erfahrung zu haben. Wenn Sie weiterhin zu durchsuchen Sie geben Ihre Zustimmung zur Annahme der Cookies und die Akzeptanz unserer Cookie-PolitikKlicken Sie den Link für weitere Informationen.

Ok
Bekanntmachung über die Cookies

Pin es auf Pinterest

Teilen

Aktie

Teile diesen Artikel mit deinen Freunden!