Changement de couleur de mon thème (Créer un compte)

  • 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 28 secondes.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2373653
    stella1234
    Participant
    Padawan WordPress
    59 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.

    #2373675
    PhiLyon
    Modérateur
    Maître WordPress
    27496 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);
    }

    🙂

    #2373703
    stella1234
    Participant
    Padawan WordPress
    59 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  🙂

    #2374396
    stella1234
    Participant
    Padawan WordPress
    59 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.
    #2374403
    PhiLyon
    Modérateur
    Maître WordPress
    27496 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;
    }

    🙂

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.