problème de couleurs des liens et d'icone

WordPress :5.7
Statut : non résolu

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

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

Auteur

Messages
10 avril 2021 à 18 h 57 min #2374959

stella1234
Participant

Padawan WordPress
72 contributions

Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 5.5.3
– Version de PHP/MySQL : 7.2.34 / 5.6.50
– Thème utilisé : Popularis Hub
– Thème URI : https://populariswp.com/popularis-hub/
– Extensions en place : 10Web Social Feed (1.1.33), Advanced Custom Fields Multilingual (1.8.1), Akismet Anti-Spam (4.1.9), BEAR – Bulk Editor and Products Manager (1.0.8.1), BuddyPress Multilingual (1.6.1), Checkout Subscription (1.1.0), Contact Form 7 (5.4), Contact Form 7 Multilingual (1.0.2), Duplicate Page (4.4), Elementor (3.1.4), Facebook for WooCommerce (2.3.5), Forum_wordpress_fr (4.2), Google Tag Manager for WordPress (1.12.1), Gravity Forms Multilingual (1.5.4), HD Quiz (1.8.3), Jetpack by WordPress.com (9.4), MailChimp for WordPress Multilingual (0.0.3), MaxButtons (8.5), Media Library Assistant (2.95), Newsletter, SMTP, Email marketing and Subscribe forms by Sendinblue (3.1.9), Ninja Forms Multilingual (0.1.2), Popularis Extra (1.0.12), Popup Builder (3.82), Real-Time Find and Replace (4.0.2), Redirection (5.1), Smash Balloon Instagram Feed (2.9), Social Warfare (4.2.1), Toolset Types (3.4.7), UpdraftPlus – Backup/Restore (1.16.53), WooCommerce (5.1.0), Woocommerce – Guaranteed Reviews Company (1.1.5), WooCommerce Admin (2.2.1), WooCommerce Multilingual (4.11.3), WooCommerce PDF Invoices & Packing Slips (2.8.3), WooCommerce Sendinblue Newsletter Subscription (2.0.13), WooCommerce Shipping & Tax (1.25.11), WooCommerce Stripe Gateway (5.1.0), WPForms Multilingual (0.1.2), WPML All Import (2.2.0), WPML CMS Nav (1.5.5), WPML Media (2.6.4), WPML Multilingual CMS (4.4.10), WPML Sticky Links (1.5.4), WPML String Translation (3.1.8), WPML Translation Management (2.10.6), Yoast SEO (15.9.1), Yoast SEO Multilingual (1.3.0)
– Nom de l’hébergeur : Apache

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

Bonjour

Tous mes liens sont en couleur bleu, un bleu pas très visibles, j’aimerai changer cette couleur svp, j’ai bien regardé dans les réglages globales, j’ai pu changer la couleur des titres (h1 à h6), la couleur des paragraphes mais pas la couleur des liens.

Auriez-vous la solution svp ?

J’ai une autre question qui est lié au thème peut-être ou à woocommerce je ne sais pas :

Sur mon menu, j’ai des carrés, comme des icones qui ne se voit pas. Cf. capture écran Comment les supprimer svp ?

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

10 avril 2021 à 19 h 10 min #2374962

Rock4Temps
Participant

Maître WordPress
1195 contributions

Bonjour,

La couleur des liens est configurable a partir des options
du thème: Content colors and typography voir la vidéo de cette page pour la version PRO: ici

Pour le reste sans lien de vôtre site, difficile de vous aider.

10 avril 2021 à 19 h 33 min #2374966

stella1234
Participant

Padawan WordPress
72 contributions

Bonjour,

Merci pour votre réponse, je n’ai pas cet élément (Content colors and typography) quand je vais sur Apparences – Thèmes mais avec le lien que vous m’avez donné, je vois que « Colors in the free theme Popularis Star are not customizable. » donc je suppose que ce n’est pas possible de modifier la couleur des liens dans la version gratuite ?!

11 avril 2021 à 0 h 45 min #2374988
ferman
Modérateur

Maître WordPress
7485 contributions
Bonjour,

donc je suppose que ce n’est pas possible de modifier la couleur des liens dans la version gratuite ?!

ça ne l’est peut-être pas depuis le tableau de commande mais ça l’est certainement avec des CSS additionnelles. Pour une bonne solution, il serait mieux comme disait @Rock4Temps d’avoir un lien vers votre site mais je pense que vous travaillez en local donc vous pouvez essayer le code ci-dessous qui est général (ne dépend pas du thème). Il changera la couleur de tous les liens contenant la lettre « e » (la plus courante en Français).
```
a[href*="e"]{color: #330099 !important;}
```
Pour choisir une autre couleur, regardez ICI. Si un de vos liens ne contient pas « e », vous faites une deuxième instruction analogue avec une autre lettre. Si vous voulez plus de précision, vous mettez plusieurs lettres voire un mot entier.

Quant aux carrés ils sont à la place d’icônes Google fonts que vous n’avez pas sur votre PC et qu’il faut donc télécharger. Pour les sous-menus vous devriez avoir un V et pour le panier, un caddie (ou un cabas).
16 avril 2021 à 17 h 20 min #2375533

stella1234
Participant

Padawan WordPress
72 contributions

Bonjour,

Je reviens vers vous au sujet des icônes svp.

Je les ai bien téléchargés grâce à votre lien mais ou est-ce que je les intègre ?

Dans les médias et ensuite ? Comment faire en sorte qu’il se place au bon endroit, je n’ai pas accès à la modification de ces boutons.

Merci d’avance pour vos retours.

16 avril 2021 à 18 h 36 min #2375543
ferman
Modérateur

Maître WordPress
7485 contributions
Bonjour,

Normalement, les liens vers les polices Google Font awesome devraient être dans les « assets » du thème et vous ne devriez pas avoir à vous occuper de leur placement. Apparemment ce n’est pas le cas et je ne vois pas pourquoi. Ce ne sont pas des images mais des caractères.En remplacement, peut-être pourriez-vous essayer le code ci-dessous (dans les CSS additionnelles) pour le carré du sous-menu:
```
li.menu-item-has-children > a::before {
    font-family: "FontAwesome";
    content: "\f107";
```
Pour le panier, c’est difficile. Essayez le code suivant, toujours dans les CSS additionnelles:
```
.header-cart-inner a.cart-contents i{font-size:0px;}
.header-cart-inner a.cart-contents i::after{
font-family: "FontAwesome";
content:"\f07a";
font-size:30px;}
```
Dites-nous si ça marche SVP.

Si vous avez téléchargé des images, c’est différent il faudra nous donner l’adresse des images dans votre dossier « upload » (et il faudra qu’elles aient la bonne taille) mais on ne devrait pas en arriver là.

Pour moi, c’est à peu près tout ce qu’on peut faire pour vous sans voir le site.
- Cette réponse a été modifiée le il y a 3 années et 11 mois par ferman.
16 avril 2021 à 19 h 13 min #2375547
ferman
Modérateur

Maître WordPress
7485 contributions
Pour le premier code, je me suis trompé. C’est ça:
```
#menu-main-menu li a.dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f107";
```
18 avril 2021 à 18 h 07 min #2375663

stella1234
Participant

Padawan WordPress
72 contributions

Cette réponse a été marquée comme privée.
Auteur

Messages