créer ses propres "puces"

WordPress :5.5
Statut : non résolu

Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par ferman, le il y a 3 années et 7 mois.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
11 février 2021 à 13 h 03 min #2369260

serge152
Participant

Maître WordPress
617 contributions

Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 5.6.1
– Version de PHP/MySQL : 7.3.23 / 5.5.5
– Thème utilisé : Virtue
– Thème URI : https://kadencewp.com/product/virtue-free-theme/
– Extensions en place : Advanced Editor Tools (previously TinyMCE Advanced) (5.6.0), Captcha Code (2.7), Classic Editor (1.6), Contact Form 7 (5.3.2), Disable Comments (2.1.0), Duplicator (1.3.40.1), Elementor (3.1.1), Forum_wordpress_fr (4.2), Gwolle Guestbook (4.1.0), Kadence Blocks – Gutenberg Blocks for Page Builder Features (1.9.16), Really Simple SSL (4.0.8), Redirection (5.0.1), UpdraftPlus – Backup/Restore (1.16.47), Virtue/Ascend/Pinnacle Toolkit (4.9.6), Wordfence Security (7.4.14), WP-Optimize – Clean, Compress, Cache (3.1.6), WP Last Modified Info (1.7.6), WP Sitemap Page (1.6.2)
– Adresse du site : https://paramourdeschiens.zd.fr
– Nom de l’hébergeur : Apache

Problème(s) rencontré(s) :

Bonjour,

Comment s’il vous plaît créer ses propres puces ?
sur Elementor on a rond, carré ou cercle, j’aimerai rajouter une puce personnalisée comme une patte de chien par exemple

Merci de votre aide et bonne journée
Serge

11 février 2021 à 15 h 39 min #2369283
ferman
Modérateur

Maître WordPress
7122 contributions
Bonjour,

Il faut d’abord créer une image à la taille de ce que vous voulez mettre (elle n’est plus modifiable une fois intégrée au site).

Ensuite, la règle générale est la suivante. J’ai pris pour exemple la patte de chien bleue sur la page d’accueil.
```
ul li a::before{content:url("https://paramourdeschiens.zd.fr/wp-content/uploads/2019/04/patte-e1556649734710.png")!important;}
;}
```
Ceci remplace toutes les puces par cette image et l’ajoute s’il n’y en a pas; par exemple le menu . Ce n’est certainement pas ce que vous voulez il faut donc préciser dans quelle(s) liste(s) vous voulez cette image. Le !important est ici nécessaire pour surmonter les puces personnalisées existant encore dans votre barre latérale ( crayon et dossier). Quand vous aurez précisé où vous souhaitez appliquer la règle CSS, il sera sans doute possible d’enlever le !important (c’est toujours mieux).
- Cette réponse a été modifiée le il y a 3 années et 7 mois par ferman.
16 février 2021 à 13 h 40 min #2369768
serge152
Participant

Maître WordPress
617 contributions
Bonjour @ferman excusez moi j’ai dû m’absenter.

En fait ce que je souhaite, c’est pouvoir remplacer les puces par défaut par des puces personnalisées
comme dans l’exemple ci-dessous
- Cette réponse a été modifiée le il y a 3 années et 7 mois par serge152.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
16 février 2021 à 14 h 24 min #2369773
ferman
Modérateur

Maître WordPress
7122 contributions
Bonjour,

Je pense que le code suivant devrait faire l’affaire mais comme je vous le disais, il faut préciser où vous voulez ces puces personnalisées.pour éviter qu’elles ne remplacent mêmes celles que vous ne voulez pas remplacer (archives, crayon par exemple).

Le code vaut pour la page info/conseils et sera peut être bon pour la liste de votre copie d’écran. que je n’ai pas trouvée
```
.elementor-column-wrap ul, li {list-style-type:none;}
.elementor-column-wrap ul li a::before{content:url("https://paramourdeschiens.zd.fr/wp-content/uploads/2019/04/patte-e1556649734710.png");
padding-right:10px;}
```
Auteur

Messages