Comment créer une disposition de grille recommandée en utilisant le module recommandé de Divi

Voro: nom de la personne nom de lamp;rsquoentreprise contenu du corps: témoignage Image: image de premier plan
Qualifiez les paramètres de conception du module et sélectionnez lamp;rsquoonglet conception. Lamp;rsquoicône devis change la couleur de lamp;rsquoicône devis en fd335a et définit la couleur de fond en blanc. La couleur de lamp;rsquoicône sera également utilisée pour les noms de personnes. Camp;rsquoest la même chose pour tous les modules. Couleur: fd335a couleur de fond: FFFFFF Ensuite, faites défiler vers le bas vers lamp;rsquoimage. Réglez la largeur du bord de lamp;rsquoimage à 4px et changez la couleur du bord à 000645. Les bords correspondent aux bords des modules de chaque module. Nous les changerons séparément.
Largeur de la bordure damp;rsquoimage: 4px couleur de la bordure damp;rsquoimage: 000645 Ensuite, faites défiler vers le bas vers le corps du texte et sélectionnez roboto mono. Laissez le reste des paramètres par défaut. Caractéristiques physiques: roboto mono Écrivez le texte, puis faites défiler vers le bas pour écrire le texte. Changez la police en Oswald, sélectionnez un demi gras pour le poids, sélectionnez TT pour le style et changez la couleur en fd335a. Caractères: style Osvaldo: demi gras: tt text color: fd335a Ensuite, faites défiler vers la position du texte (titre) et changez la police en robot mono. Laissez le reste des paramètres par défaut.
Caractères de position: Robot mono Ensuite, faites défiler vers le bas vers le texte damp;rsquoaffaires et sélectionnez roboto mono comme police. Laissez les paramètres par défaut. Caractéristiques de lamp;rsquoentreprise: roboto mono La limite se termine par un défilement vers le bas jusquamp;rsquoà la limite. Changez la largeur à 24px et la couleur de la bordure à 000645 pour correspondre à la bordure de lamp;rsquoimage. Désactivez les paramètres du module. La couleur de la bordure de chaque module change également. Largeur: 24px couleur: 000645 Copier le module de qualification puis copier m
Utilisez la couleur de la bordure dans fff67f.
Couleur de la bordure de lamp;rsquoimage: fff67f Bordure Enfin, glissez vers le bas sur la bordure et réglez la couleur de la bordure à fcca0 pour correspondre à la bordure de lamp;rsquoimage. Désactivez les paramètres du module. Couleur: fff67f Enfin, stylisez le sixième module de qualification, ouvrez les paramètres du sixième module de qualification et remplacez le contenu de la qualification. Ensuite, faites défiler vers le bas vers lamp;rsquoimage et changez la couleur de la bordure en 593a94. Couleur de la bordure de lamp;rsquoimage: 593a94 Enfin, glissez vers le bas sur la bordure avec une couleur maximale de 593a94 pour correspondre à la bordure de lamp;rsquoimage. Désactivez les paramètres du module.
Couleur: 593a94 la taille des références est à peu près la même, la grille de références que nous avons créée est très efficace. Et si jamp;rsquoavais quelques petits et quelques gros témoignages? Pour ce faire, il est idéal de définir une grille de différentes tailles pour les colonnes. Nous pouvons placer les références les plus informatives dans des colonnes plus grandes. Pour cet exemple. Nous créerons de nouvelles colonnes avec les mêmes paramètres damp;rsquoespacement et utiliserons les mêmes recommandations que précédemment, mais avec une quantité de texte différente. Créez damp;rsquoabord une ligne de rechange et ajoutez une ligne de 2 colonnes, 1 3 colonne à gauche et 2 3 colonne à droite. Ensuite, ouvrez les paramètres de ligne, allez à lamp;rsquoonglet conception, faites défiler vers le bas pour redimensionner et sélectionnez utiliser la largeur personnalisée de la gouttière. Changez la largeur de la gouttière à 1. Utiliser une largeur de gouttière personnalisée: Oui largeur de gouttière: 1 Ensuite, faites défiler jusquamp;rsquoà lamp;rsquoespacement. Saisissez 0px pour remplir le haut et le bas. Désactivez le réglage de la ligne. Remplissage: 0px en haut, en bas Donc, copiez la ligne. Sélectionnez les options de mise en page pour la deuxième ligne, puis sélectionnez la mise en page pour les 2 3 à gauche et 1 3 à droite. Ajouter quatre modules recommandés

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins