Changement de couleur de mon thème

WordPress :5.7
Statut : non résolu

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

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

Auteur

Messages
26 mars 2021 à 17 h 03 min #2373653

stella1234
Participant

Padawan WordPress
72 contributions

Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 5.7
– Version de PHP/MySQL : 7.3.5 / 8.0.16
– Thème utilisé : Avril
– Thème URI : https://www.nayrathemes.com/avril-free/
– Extensions en place : Clever Fox (4.1), Elementor (3.1.4), Envato Elements (2.0.8), Forum_wordpress_fr (4.2), UpdraftPlus – Backup/Restore (1.16.50), Yoast SEO (16.0.2)
– Adresse du site : http://localhost:10005
– Nom de l’hébergeur : Apache/2.4.43 (Win32)

Problème(s) rencontré(s) : Je crée un site en local. Et j’ai choisi un thème qui me convient excepté pour quelques couleurs et je ne vois pas si je peux et comment les modifier. Il s’agit du thème Avril. Sur la home du thème, on y voit des éléments en rouge/bordeaux notamment la police du menu au survol, l’encadré de certains boutons et picto. J’aimerai changer cette couleur. Pourriez-vous m’aider svp ?

Merci d’avance.

26 mars 2021 à 18 h 46 min #2373675
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Bonjour.

Dans Apparence/Personnaliser/CSS additionnel colle ce code, il y a, entre autres, toutes les couleurs du thème

J’ai déjà modifié celle qui t’intéresse, c’est la sp primary, ce thème n’est pas prévu, en version gratuite, pour que l’on puisse modifier les couleurs (entre autres.
```
:root {
    --sp-green: #ffffff;
    --sp-white: #ffffff;
    --sp-primary: #ffa800;
    --sp-primary-dark: #cc0d1b;
    --sp-primary-light: #fef8f8;
    --sp-secondary: #151635;
    --sp-secondary-dark: #242424;
    --sp-border-dark: #dddddd;
    --sp-border-light: #e9e9e9;
    --sp-border-extra-light: #f2f2f2;
    --sp-scrollbar-thumb: #c2c2c2;
    --sp-font-sans-serif:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --sp-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --sp-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --sp-gradient-focus:linear-gradient(#d61523, #d61523), linear-gradient(#e9e9ea, #e9e9ea);
    --sp-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
    --sp-radius: 3px;
    --sp-transition: all .3s cubic-bezier(.645,.045,.355,1);
}
```
🙂
26 mars 2021 à 21 h 25 min #2373703

stella1234
Participant

Padawan WordPress
72 contributions

Merci beaucoup et en plus ce qui est top c’est que tu te rapproches presque de la couleur que je voulais, c’est parfait.

Merci 🙂

5 avril 2021 à 15 h 33 min #2374396

stella1234
Participant

Padawan WordPress
72 contributions

Bonjour,

J’ai une petite question svp.

Sur le site, j’ai une démarcation ou plutôt une couleur différente entre mon menu et l’intérieur de mes pages.

L’arrière plan du menu est blanc mais pour toutes mes pages il y a une sorte d’arrière plan rosé. Je suis allé modifié l’arrière plan du site et ajouté le code couleur #FFFFFF partout où je pouvais mais aucun changement.

On voit bien la différence dans la capture écran en pièce jointe. Est-ce du code css à ajouter pour cela ? Pourriez-vous me dire lequel svp ?

Merci d’avance pour votre aide.

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

5 avril 2021 à 16 h 01 min #2374403
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Bonjour.

Essaie ce code et la prochaine fois ouvre un nouveau sujet
```
.theme-mobile-nav, .navbar-area {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
```
🙂
Auteur

Messages