Con il modulo Divi Slider il template Divi Elegant Themes WordPress possiamo includere nel nostro sito una foto slider e testo principale per il collegamento a un articolo sul nostro sito web. Vediamo come possiamo modificare l'altezza del dispositivo di scorrimento per adattarsi al design del nostro sito web senza toccare nulla dei fogli di stile. saranno attuate sarà effettuato direttamente sulla configurazione del modulo in tutte le modifiche Divi contructor che faciliterà il lavoro di web design.

Divi Slider: prima e dopo

Questo è un esempio di un cursore prima e dopo aver apportato modifiche.

Divi Slider 00 1024x210 Modificar altura del slider Divi

Prima e dopo il ridimensionamento il cursore al Divi

Questo era il disegno originale. Con un'altezza di 468px. Il cambiamento che andremo a fare è di renderlo più sottile, 300px.

Divi Slider 01 1024x481 Modificar altura del slider Divi

Slider risultato finale Divi

Per fare questo dobbiamo fare le seguenti regolazioni di altezza, imbottitura e la larghezza della descrizione di ogni diapositiva.

Divi Slider 02 1024x481 Modificar altura del slider Divi

cursore parametri

impostazioni Divi Sezione

in builder divi abbiamo una sezione principale di viola e grigio cursore modulo tutta la larghezza della pagina.

Divi Slider 03 1024x194 Modificar altura del slider Divi

Modulo spessore pieno Slider Divi

All'interno della sezione di configurazione, le impostazioni di stile CSS personalizzato, Indicano che l'altezza è 300px.

Divi Slider 04 Modificar altura del slider Divi

CSS personalizzato Slider

Impostazioni modulo slider divi

All'interno del cursore modulo impostazioni avanzate di progettazione, Abbiamo istituito un padding superiore 40px.

Divi Slider 05 Modificar altura del slider Divi

Impostazioni avanzate di design Divi Slider

Poi impostazioni di stile CSS personalizzato, Indicano che l'altezza è 300px per elemento principale.

Divi Slider 06 Modificar altura del slider Divi

CSS personalizzato

Facciamo lo stesso per il Descrizione diapositive e Titolo diapositive.

Divi Slider 07 Modificar altura del slider Divi

Misura saracinesca scorrevole Divi

Nella scheda impostazioni generali, Configurare ciascuna delle slitte. Idealmente si avrebbe solo una diapositiva, configurarlo, e poi clonarlo con tutte le impostazioni di configurazione.

Divi Slider 08 Modificar altura del slider Divi

diapositive Divi Slider

All'interno di ogni diapositiva, andremo alle impostazioni CSS personalizzato e mettere un'altezza di 300px a:

  • elemento principale
  • Titolo diapositive
  • Descrizione contenitore scorrevole
  • Descrizione diapositive
  • slide image
Divi Slider 09 Modificar altura del slider Divi

Far scorrere Impostazioni Slider Divi

Con queste modifiche, abbiamo fondato la nostra cursore per il miglior design della nostra web in forma senza l'aggiunta di stili personalizzati al nostro Bambino Tema.

salvare

salvare

salvare

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% en algunos casos.

AfiliadosDivi Modificar altura del slider Divi

salvare

Pubblicità

Utilizzo dei cookie

Questo sito utilizza i cookies per voi di avere la migliore esperienza utente. Se si continua a navigare state dando il vostro consenso all'accettazione dei biscotti e accettazione della nostra sopra Politica biscotti, Fare clic sul link per maggiori informazioni.

Bene
Avviso di biscotti

Pin It on Pinterest

Condividi questo

Quota

Condividi questo articolo con i tuoi amici!

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!

Grazie per la sottoscrizione!