Elementor offre de nombreuses possibilités de personnalisation, commencez donc par vérifier par là ; cependant, pour des modifications très spécifiques, il peut parfois être nécessaire d'utiliser du CSS personnalisé, voire du HTML.

La méthode la plus simple pour modifier le CSS consiste à utiliser l'outil de personnalisation intégré de WordPress. Connectez-vous en tant qu'administrateur, ouvrez la page souhaitée et cliquez sur « Personnaliser » comme indiqué sur la capture d'écran :

Cliquez ensuite sur CSS supplémentaire :

Vous pouvez désormais saisir du CSS personnalisé :

Exemple de remplacement de l'icône de cœur par une autre icône dans l'extension Favoris

Cela nécessite quelques connaissances en CSS. Par exemple, j'utiliserai la console Firefox, mais vous pouvez également utiliser la console de développement Chrome pour détecter certains éléments CSS.

Nous pouvons donc détecter des CSS personnalisées spécifiques ; il arrive parfois que vous modifiiez légèrement le CSS :

.wdk-favorites-actions .fa.fa-heart-o:before { content: "\f004"; // icône non sélectionnée } .wdk-favorites-actions .fa-heart::before { content: "\f004"; // icône sélectionnée }

Les codes des icônes sont disponibles sur ce site : https://fontawesome.com/search

De la même manière, vous pouvez modifier n'importe quel autre CSS.

Si vous rencontrez des difficultés, n'hésitez pas à contacter notre équipe d'assistance.

Exemple de modification du CSS du formulaire de recherche

Nous proposons des classes prédéfinies que vous pouvez utiliser. Elementor offre également de nombreuses options ; si cela ne suffit pas, vous aurez peut-être besoin de CSS personnalisé.

Classes CSS standard :