Marc-André Lanciault entrepreneur numérique illuxi amplio

Les images ne se centrent pas lorsqu’on utilise Gutenberg sur un site où Elementor est utilisé

Les images ne se centrent pas lorsqu'on utilise Gutenberg sur un site où Elementor est utilisé

Partagez ce billet

Il m’a fallut du temps avant de m’habituer au « nouvel » éditeur de WordPress Gutenberg. Je sais, je fais de la résistance au changement ;). Mais là, je commence à bien l’aimer Gutenberge ! En fait, j’utilise généralement la combinaison JupiterX et Elementor pour développer des sites WordPress. Les résultats sont vraiment hot, en très peu de temps. Mais quand viens le temps d’écrire un billet de blogue, je n’ai pas besoin de tout le flafla d’Elementor. Quand j’écris un billet, je veux que l’interface soit la plus simple possible et je veux focuser sur le texte à écrire, pas tout ce qu’il y a autour.

J’ai donc commencer à donner une chance à Guntenberg. Puis une autre, et une autre. Et là j’aime bien 🙂

Mais un truc me tapait réellement sur les nerfs. Avec Guntenberg, sur un WordPress où Elementor est installé, il est impossible de centrer une image. Même si on voit bel et bien l’image comme étant centrée dans Gutenberg, sur le site live, elle restera alignée à gauche.

Sur Gutenberg:

Elementor JupiterX Gutenberg image non centrée

On voit que l’image est belle et bien centrée. Par contre, lorsqu’on prévisualise ce billet, l’image reste alignée à gauche:

Gutenberg Elementor JupiterX image non centrée

Après une petite recherche, j’ai trouvé que le problème est causé par Elementor qui redéfini la classe CSS .aligncenter. Voici comment régler le bobo.

Rendez-vous dans Apparence / Personnaliser / CSS additionnel et ajouter ceci:

.wp-block-image .aligncenter {
margin: 0 auto !important;
}

Et le problème est résolu 🙂

JupiterX Gutenberg Elementor image non centrée

D'autres billets qui pourraient vous intéresser

600 000 $ pour utiliser l’intelligence artificielle dans notre LMS illuxiLearn

Ça faisait 2 ans qu’on travaillait sur ce projet. L’objectif était clair: utiliser l’intelligence artificielle afin de permettre à nos utilisateurs …

La simplicité

Durant une ride de vélo récemment, j’écoutais Simple Man, de Lynyrd Skynyrd. Peut-être que c’est la quarantaine, peut-être que c’est …

illuxi Team

2 ans après

Une collègue de travail nous partageait une publication de Marco Bérubé aujourd’hui. Et ça m’a rappelé qu’il y a 2 …

Les images ne se centrent pas lorsqu'on utilise Gutenberg sur un site où Elementor est utilisé

Les images ne se centrent pas lorsqu’on utilise Gutenberg sur un site où Elementor est utilisé

Il m’a fallut du temps avant de m’habituer au « nouvel » éditeur de WordPress Gutenberg. Je sais, je fais …

Gestion de crise Covid-19

6 actions que nous avons prises pour vivre cette tempête

Je suis de nature calme. Et optimiste aussi. Devant n’importe quelle embûche, je réagis généralement bien, en me disant que …

Être entrepreneur

Être entrepreneur

Ce matin j’ai partagé cet article du site Les Affaires sur Facebook. Dans le commentaire accompagnant le post, je me …