Mit dem Modul Divi Slider die Divi Vorlage Elegant Themes Wordpress wir in unserer Website ein Foto Schieberegler und Haupttext Link zu einem Artikel auf unserer Website enthalten. Mal sehen, wie wir die Höhe des Schiebers ändern das Design unserer Web zu passen, ohne etwas von Stylesheets zu berühren. Alle Änderungen werden umgesetzt werden direkt auf der Modulkonfiguration in der gemacht werden Divi contructor das erleichtert die Arbeit Web-Design.

Divi Slider: Vorher und Nachher

Dies ist ein Beispiel für einen Schieber vor und nach Änderungen vornehmen.

Divi Slider 00 1024x210 Modificar altura del slider Divi

Vor und nach dem Schieberegler Divi Ändern der Größe

Das war der ursprüngliche Entwurf. Mit einer Höhe von 468px. Die Veränderung, die wir tun werden, ist es dünner zu machen, 300px.

Divi Slider 01 1024x481 Modificar altura del slider Divi

Slider Endergebnis Divi

Um dies zu tun müssen wir folgende Anpassungen in der Höhe, Polsterung und Breite der Beschreibung der einzelnen Folien machen.

Divi Slider 02 1024x481 Modificar altura del slider Divi

Parameter Schieber

Abschnitt Divi-Einstellungen

In divi-Builder wir haben einen Hauptteil in lila und grau Modul Schieber volle Breite der Seite.

Divi Slider 03 1024x194 Modificar altura del slider Divi

Voller Breite Slider Modul Divi

Innerhalb der Konfigurationsabschnitt, Stileinstellungen benutzerdefinierte CSSZeigen an, dass die Höhe beträgt 300 Pixel.

Divi Slider 04 Modificar altura del slider Divi

Benutzerdefinierte CSS-Slider

Divi Slider-Modul-Einstellungen

Innerhalb des Moduls Schieber in Erweiterte Design-Einstellungen, Wir richten ein top padding 40px.

Divi Slider 05 Modificar altura del slider Divi

Erweiterte Einstellungen Entwerfen Divi Slider

Dann Stileinstellungen benutzerdefinierte CSSZeigen an, dass die Höhe 300 x für Hauptelement.

Divi Slider 06 Modificar altura del slider Divi

benutzerdefinierte CSS

Wir tun das gleiche für die Beschreibung Slide und Titel Slide.

Divi Slider 07 Modificar altura del slider Divi

Größe Slider Slide Divi

In der Registerkarte allgemeine EinstellungenKonfigurieren Sie jede der Folien. Im Idealfall würden Sie es nur eine Folie, konfigurieren, und es dann mit allen Konfigurationseinstellungen klonen.

Divi Slider 08 Modificar altura del slider Divi

Divi Slider gleitet

Innerhalb jeder Folie, werden wir zu den Einstellungen benutzerdefinierte CSS und legt eine Höhe von 300px zu:

  • Hauptelement
  • Titel Slide
  • Slide Behälter Beschreibung
  • Beschreibung Slide
  • Slide Bild
Divi Slider 09 Modificar altura del slider Divi

Schieben Sie Einstellungen Slider Divi

Mit diesen Änderungen setzen wir unsere oben Schieber für das beste Design unserer Web fit ohne individuelle Stile Ergänzung unserer Child Theme.

speichern

speichern

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 Modificar altura del slider Divi

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

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!

Vielen Dank für Ihre Anmeldung!

Pin es auf Pinterest

Teilen

Aktie

Teile diesen Artikel mit deinen Freunden!