Couleurs et Polices avec Elementor Flexbox Container

Ce document pourra paraître simpliste voir farfelu pour certains, mais j’en ai eu besoin pour jouer avec les nouvelles fonctionnalités du Elementor Flexbox Container et me rappeler de certaines « combines ».

Pour adapter la couleur de ce texte, on va dans Contenu et Style suivi de Couleur du texte. On peut entrer par exemple #342D2A.

Pour modifier la couleur du fond cette boîte de texte, on ira dans Avancé et Arrière-plan et Couleur.

Pour modifier la couleur du fond autour de cette boîte, on ira dans Modifier ce container et Style, Arrière-plan et Couleur.

Pour modifier l’arrière-plan du Container de base, on fera pareil dans Style du container de base!

Pour créer celle-ci, j’ai utiliser Dupliquer dans le menu de l’onglet Modifier Container du container de droite.

Pour augmenter les marges internes ou globales, on ira sur Avancé et Mise en page.

Si l’on désire la même couleur de fond #E4D7D7 et de police #342D2A que le contenu de la boîte précédente à droite, il faudra les rechercher sous Style et Avancé – Arrière Plan. Mais en général on copie le boîte et le style viendra avec, comme les bords aussi .. cela dépend ce qu’on copie et depuis où!

La couleur du fond pour les bords extérieurs se trouve sous Modifier Conteneur et Style. On voit qu’elle est ici différente. Un Effacer permettrait de définir le fond utilisé pour les autres, qui vient de Style sous Réglage de l’Article (roue dentée en bas à gauche) .

Pour ce site et cet article, j’utilise l’extension Advanced Editor Tools que me permet de de définir dans la fenêtre de l’éditeur de texte, une police particulière pour son nom: par exemple ici en Comic Sans MS gras.

En travail: