Vous voulez modifier la couleur des points de vos listes à puce, mais le texte change aussi ? Vous aimeriez utiliser des caractères autres que des ronds ? Découvrez comment personnaliser vos listes à puces avec Divi (et un peu de CSS).
Personnaliser Divi
Comment changer une image au survol de la souris ?
Si vous n’utilisez pas les options de survol disponibles dans Divi, vous ratez quelque chose ! Voici un exemple d’utilisation qui pourrait vous servir. Dans ce tutoriel et dans cette vidéo, je vous montre comment changer une image au survol de la souris.
Page d’erreur 404 personnalisée : avec et sans le Divi Thème Builder
Avez-vous pensé à personnaliser la page d’erreur 404 de votre site ? Non ? Pourtant, vous le devriez : non seulement c’est simple à faire, mais en plus, cela pourrait faire baisser votre taux de rebond ! L’idée est de conserver sur votre site l’internaute qui passerait par là. Découvrez le tuto pas à pas + la vidéo.
Créer un Header Hero avec menu transparent avec Divi
Dans ce tutoriel, je vous apprends à créer un magnifique Header Hero avec un menu transparent avec Divi ! Vous allez voir : c’est si facile, aucun codage nécessaire.
Appliquer des masques et des formes sur vos images avec Divi
Les masques rendent vos images plus graphiques et offrent une originalité à votre mise en page. Savez-vous que vous pouvez les créer facilement à l’aide du Divi Visual Builder ? Je vous montre comment faire dans ce tutoriel et dans cette vidéo.
Personnaliser la page des résultats de recherche de votre site avec Divi
Personnalisez la page des résultats de recherche de votre site Divi en 5 minutes ! Découvrez aussi comment exclure certaines publications des résultats et comment activer le Site Search de Google Analytics.
Effet zoom sur image avec texte cliquable
Cet article vous explique comment obtenir simplement un effet zoom au survol des images avec un texte et un lien cliquable. Pas besoin d’extension, Divi permet de le faire facilement !
Polices personnalisées Divi : comment ça marche ?
Dans ce tuto complet pas à pas, je vous montre 3 manières d’importer des polices personnalisées dans Divi. Je vous explique aussi comment corriger les bugs 😉
Comment ajouter des icônes dans le menu de Divi (sans plugin) ?
Ce nouveau tutoriel vous explique comment ajouter des icônes dans le menu de Divi, seulement avec un peu de CSS (sans plugin) !
Où ajouter du code personnalisé dans Divi (CSS, JavaScript et PHP) ?
Nombreux sont les endroits où vous pouvez ajouter du code personnalisé dans Divi ! Ce thème nous facilite justement cette tâche. Vous allez voir dans cet article tous les endroits possibles pour ajouter du code.
Images rognées (recadrées) dans Divi : comment éviter cela ?
Pourquoi Divi affiche des images rognées ? C’est souvent le cas des vignettes des modules Blog et Portefeuille… Sans oublier la Galerie Divi… Dans ces 3 modules les images sont retaillées, rognées, recadrées ! Voici comment remédier à cela…
Personnalisez votre page Panier avec le Thème Builder pour augmenter vos ventes !
C’est la quête de tous les e-commerçants : augmenter les ventes mais également le panier moyen sur sa boutique en ligne… Ce tutoriel vous explique comment créer le design de votre page panier à l’aide du Theme Builder et vous donne un secret pour augmenter vos ventes.
Obtenir des images carrées pour les modules Blog, Galerie et Portefeuille
Découvrez ce tutoriel simple et rapide pour afficher des images carrées dans les modules Galerie et Portfolio de Divi. Plus besoin de vous prendre la tête !
Responsive Design Divi : comment gérer les différentes tailles d’écran ?
Beaucoup d’utilisateurs se posent la question : comment optimiser le Responsive Design de Divi ? De nombreuses options sont disponibles nativement dans Divi pour améliorer le design sur vos divers écrans. Mais quelques fois, vous devrez aussi modifier les Medias Queries… Découvrez comment dans ce guide complet !
Créez un bouton « retour vers le haut » personnalisé en quelques clics !
Quand je vous dis qu’on peut tout faire avec Divi ! Pas besoin de coder ou d’installer de nombreux plugins… Il suffit de savoir où chercher : les options sont là ! Dans cet article, je vous propose de découvrir comment créer un bouton « retour vers le haut » (back-to-top button) en seulement quelques clics !
Superposition de dégradé sur un arrière-plan en parallaxe dans une section Divi : c’est possible !
Grâce à ce tutoriel accessible à tous, vous allez pouvoir combiner 2 effets très tendances. Vous pourrez ajouter un effet parallaxe sur une image avec un overlay en dégradé.
Parallaxe sur mobile avec Divi : comment le rendre compatible ?
C’est tellement dommage que les sections en parallaxe ne fonctionnent pas sur un site Divi en version mobile ! Les designs en « parallaxe » ou en « background fixed » sont pourtant si « funs »… J’ai LA solution et elle est si simple que même les débutants pourront l’implémenter sur leur site en seulement 2 clics !
Comment ajouter « mis à jour le » à ses articles Divi ?
Découvrez comment ajouter la mention « mis à jour le » dans vos articles Divi. Cela permet d’indiquer à vos lecteurs la date de mise à jour de l’article et de rester compétitif.
Comment obtenir un menu « sticky on scroll » avec Divi ?
Ce tutoriel va vous permettre de créer un menu au milieu de votre page, et de le fixer en haut de l’écran lorsqu’on scrolle la page !
Comment supprimer le menu principal de Divi ?
Si vous souhaitez cacher le menu principal de votre site Divi, c’est possible. Dans cet article, découvrez comment supprimer le menu sur une seule page ou sur la totalité de votre site.
Comment obtenir un menu fixe en pied de page avec Divi ?
Ce tutoriel va vous expliquer comment fixer le menu principal de votre site Divi en pied de page (footer). Pas besoin de savoir coder pour y parvenir !
Les Dividers de Divi : c’est quoi ?
Les dividers sont très utiles si vous souhaitez créer un layout original. Ils vont vous permettre de séparer visuellement vos sections. Je vous explique tout sur les Dividers de Divi dans cet article.
Comment harmoniser les couleurs de sa boutique WooCommerce avec Divi ?
Comment harmoniser les couleurs de sa boutique en ligne WooCommerce sous Divi ? Changer la couleur des boutons, la couleur des messages ainsi que la couleur du badge promo… Ce rapide tutoriel va vous aider en moins de temps qu’il n’en faut pour le dire !
Comment obtenir une image d’arrière-plan différente sur chaque page de son site Divi ?
Lors d'un précédent tuto, vous avez vu qu'il était facile d'obtenir une couleur différente sur chaque page de votre site. Je vous propose à présent de réaliser la même technique pour obtenir une image d'arrière-plan différente sur chaque page de votre site Divi. La...
Comment obtenir une couleur de fond différente sur chaque page de votre site Divi ?
Vous avez envie de personnaliser chaque page de votre site Divi avec des couleurs de fond différentes ? C’est possible et c’est facile grâce à ce tuto pas-à-pas.
Comment faire défiler une image au survol de la souris (hover) avec le DIVI BUILDER ?
Si vous cherchez une idée pour afficher vos réalisations dans votre portfolio de façon originale, je vous propose de découvrir cette astuce… Vous allez apprendre à réaliser un effet de défilement des longues images au survol de la souris. Seulement en CSS.
Un arrière-plan qui change de couleur dans Divi
Mettez un peu de fun dans vos sites WordPress ! Créez facilement un arrière-plan qui change de couleur et donnez vie à vos sections de page un brin monotones. C’est ultra simple…
Comment créer un footer qui apparait au scroll avec Divi ?
"Un footer qui apparaît au scroll", je n'ai rien trouvé de mieux pour nommer cet effet superbe que l'on peut trouver dans certains sites WordPress. Certains thèmes premiums proposent cette option mais pas Divi. Comment faire alors pour obtenir un pied de page fixe qui...
Comment ajouter plusieurs images à la une dans Divi ?
WordPress propose la fonctionnalité d’insérer une image mise en avant pour illustrer un article ou une page. Dans ce tutoriel, nous allons voir comment ajouter plusieurs images à la une dans Divi (4 au total)
Comment modifier la taille des images de Divi ?
Vous en avez marre que les images à la une de vos articles de blog soient rognées ? Pourquoi Divi recadre-t-il vos images ? Quelles sont les tailles à utiliser ? Dans cet article vous allez tout comprendre et surtout vous allez apprendre à modifier les tailles les plus utilisées.
Comment réaliser un effet de scroll de page dans un iMac avec Divi ?
Je reviens en forme avec un nouveau tutoriel qu’un lecteur de Astuces Divi m’a demandé. Il voulait savoir comment j’avais réussi à réaliser cet effet de scroll dans un iMac sur ma page d’accueil. Vous voyez lequel ? Découvrez le tuto complet.
Comment ouvrir les icônes du footer de Divi dans une nouvelle fenêtre du navigateur ?
Quel dommage que votre lecteur quitte votre site seulement parce qu’il est curieux de découvrir vos profils sociaux ! Dans cet article, découvrez une astuce rapide et facile à mettre en place pour ouvrir les icônes du footer de Divi dans une nouvelle fenêtre d’un navigateur.
Comment ajouter de nouveaux icônes sociaux dans le footer de Divi ?
Envie de plus d’icônes dans le pied de page (footer) de votre site WordPress avec le thème Divi ? C’est possible ! Suivez ce petit tutoriel qui vous explique comment ajouter l’icône d’Instagram, de Pinterest, de Linkedin, de Youtube et plus encore !
Comment créer un thème enfant pour Divi ? Et comment s’en servir ?
La customisation poussée d’un thème passe impérativement par la création d’un thème enfant. Dans cet article, je vous explique ce qu’est un thème enfant, comment le créer et comment l’utiliser. Alors, êtes-vous prêt(e) pour créer vous-même votre thème enfant pour Divi ? C’est tellement simple !
Comment insérer des images dans le Méga Menu de Divi
Cet article va vous aider à ajouter des images au sein de votre navigation principale. Il s’agit d’un tutoriel pour vous expliquer simplement comment insérer des images dans le Méga Menu de Divi. Ne vous inquiétez pas, il n’est pas nécessaire de savoir coder…
Comment insérer un fil d’Ariane dans Divi ? Et où le mettre ?
Le thème Divi ne propose pas nativement l’option d’insérer un fil d’Ariane. Pourtant cette fonctionnalité est très importante pour l’expérience utilisateur des internautes mais également pour le référencement naturel de votre site. Découvrez comment insérer un fil d’Ariane sur votre thème Divi.