Avec le module Divi curseur du Divi Template thèmes élégants WordPress nous pouvons inclure dans notre site Web une photo principale du curseur et le texte pour créer un lien vers un article sur notre site. Voyons comment nous pouvons modifier la hauteur du curseur pour ajuster la conception de notre site web sans toucher stylesheet quoi que ce soit. Toutes les modifications seront mises en œuvre sera faite directement sur la configuration du module dans le Divi contructor ce qui facilitera notre travail Web design.

Divi Curseur: Avant et après

Ceci est un exemple d'un coulisseau avant et après l'avoir modifiée.

Divi Slider 00 1024x210 Modificar altura del slider Divi

Avant et après le redimensionnement du curseur dans Divi

Ce fut le design original. Avec une hauteur d'environ 468px. Le changement le faire est de le rendre plus mince, 300px.

Divi Slider 01 1024x481 Modificar altura del slider Divi

Curseur résultat final Divi

Pour ce faire, nous devons faire les ajustements suivants en hauteur, largeur et remplir la description de chaque diapositive.

Divi Slider 02 1024x481 Modificar altura del slider Divi

Paramètres curseur

paramètres Divi Section

En builder divi nous avons une section principale dans le module de curseur largeur violet et gris de la page.

Divi Slider 03 1024x194 Modificar altura del slider Divi

Curseur Module Divi pleine largeur

Dans la section de configuration, les paramètres de style CSS personnalisé, Indiquer que la hauteur est 300px.

Divi Slider 04 Modificar altura del slider Divi

CSS personnalisé Curseur

Divi Curseur Paramètres du module

Dans le module de curseur dans conception Paramètres avancés, Nous avons créé un top remplissage 40px.

Divi Slider 05 Modificar altura del slider Divi

Paramètres avancés Curseur conception Divi

Puis, dans les paramètres de style CSS personnalisé, Indiquer que la hauteur est 300px pour élément principal.

Divi Slider 06 Modificar altura del slider Divi

CSS personnalisé

Nous faisons la même chose pour la Description de la diapositive et Diapositive de titre.

Divi Slider 07 Modificar altura del slider Divi

Taille Curseur Divi

Dans l'onglet paramètres généraux, Configurez chacune des diapositives. Idéalement, vous auriez une seule diapositive, le configurer, puis cloner avec tous les paramètres de configuration.

Divi Slider 08 Modificar altura del slider Divi

diapositives Divi Curseur

Au sein de chaque diapositive, nous allons passer aux réglages CSS personnalisé et de mettre une hauteur de 300px à:

  • élément principal
  • Diapositive de titre
  • Description du conteneur de diapositives
  • Description de diapositives
  • image Diapositive
Divi Slider 09 Modificar altura del slider Divi

Faites glisser le curseur Paramètres Divi

Avec ces changements, nous avons créé notre curseur pour mieux répondre à la conception de notre site web sans ajouter des styles personnalisés à notre enfant Thème.

Garder

Garder

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

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

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!

Merci de votre inscription!

Epingler sur Pinterest

Share

Part

Partagez cet article avec vos amis!