Polices et réglages thème enfant (Créer un compte)

  • WordPress :5.2
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 36)
  • Auteur
    Messages
  • #2278686
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Bonjour,

    Ma configuration WP actuelle :

    • – Version de WordPress : 5.2.3
    • – Version de PHP/MySQL : 7.2.19 / 5.6.43
    • – Thème utilisé : Twenty Seventeen Child
    • – Thème URI : https://wordpress.org/themes/twentyseventeen/
    • – Extensions en place : Akismet Anti-Spam (4.1.2), Child Theme Configurator (2.5.0), Forum_wordpress_fr (4.2), Google Analytics Dashboard for WP (GADWP) (5.3.9), WordPress Importer (0.6.4), WP Fastest Cache (0.8.9.8), WPForms Lite (1.5.5.1), WP Maintenance (5.0.4)
    • – Adresse du site : http://connectaloe.com
    • – Nom de l’hébergeur : Apache

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

    J’ai créé un thème enfant issu du thème Twenty Seventeen (car je veux modifier notamment mes polices d’écriture et quelques couleurs)

    Mais pour la suite ça dépasse un peu mes compétences… 🙁

    Grâce à des tutos plutôt bien faits, j’ai importé mes polices aux 5 formats (eot/woff/woff2/ttf/svg) sur mon thème enfant, et j’ai mis le code suivant pour chacune :

    @font-face {
    font-family: ‘Politica‘;
    src: url(‘politica.eot’);
    src: url(‘politica.eot?#iefix’) format(’embedded-opentype’),
    url(‘politica.woff2′) format(‘woff2’),
    url(‘politica.woff’) format(‘woff’),
    url(‘politica.ttf’) format(‘truetype’),
    url(‘politica.svg#svgwpf‘) format(‘svg’);
    }

    Ensuite, il était expliqué qu’il fallait appliquer les polices à ce qu’on voulait.

    J’ai donc rajouté le code suivant à ma feuille de styles enfant

    h1, h2, h3, h4, h5, h6 {
    font-family: ‘Politica’, Politica, sans-serif !important;}

    Mes titres sont bien passés en Politica, mais malheureusement c’est trop petit. Donc ma première question est : quel code utiliser pour modifier la taille des polices de titre et leurs couleurs ?

    Je voudrais ensuite appliquer une autre police au texte, et aux liens, mais là je sèche… J’ai inséré ma police comme la police Politica si dessus, et j’ai ajouté ce code là, mais ça ne fonctionne nulle-part…

    textarea {font-family: "Pill Gothic Regular", Pill Gothic Regular, sans-serif !important;
    }

    Quel serait le bon code à appliquer pour modifier tous les textes du site SAUF les titres (qui seront dans la première police) ?
    + même question que pour les titres le cas échéant, quel code pour modifier les tailles et les couleurs ?

    Question bonus : quel code appliquer pour modifier la police des liens (lien sélectionné et lien apparent) ?

     

    Merci infiniment de votre aide !!

    #2278687
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Bonjour.

    Rrrr, ton site est en maintenance, on ne voit rien.

    Pour la taille et la couleur tu rajoutes par exemple

    h1, h2, h3, h4, h5, h6 {
    font-family: ‘Politica’, Politica, sans-serif !important;}
    
    h1 {color : #ffa800; font-size: 36px}

    En ajoutant !important au besoin.

    Pour le corps du texte essaies-ça

    body {font-size: 18px}

    🙂

    #2278689
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Ah oui je suis en maintenance, je suis en train de le créer c’est pour ça… :p

    Je vais essayer ça, et si jamais ça fonctionne pas, je reviens et je désactiverai le mode maintenance 😉

     

    Merci !!

    #2278710
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Bon ça a pas totalement marché…

    Voilà ce que j’ai mis :

    h1, h2, h3, h4, h5, h6 {
    font-family: ‘Politica’, Politica, sans-serif !important;}
    h1 {color : #245fA5; font-size: 36px}
    h2 {color : #245fA5; font-size: 28px}
    h3 {color : #245fA5; font-size: 26px}
    h4 {color : #245fA5; font-size: 24px}
    h5 {color : #245fA5; font-size: 22px}
    h6 {color : #245fA5; font-size: 20px}
    
    body {font-family: "Pill Gothic Regular", Pill Gothic Regular, sans-serif !important;}
    body {font-size: 14px}

    La police des textes n’a pas changé 🙁

    Les titres sont bien passés en bleu et ont changé de taille, mais pas les titres des pages, ça doit venir sur une autre balise ? et j’ai une page où j’ai des titres (h4) qui ont bien pris la police et la taille mais sont restés en noir (page d’accueil). Ce sont aussi des liens, je suppose que c’est pour ça, car pas encore touché aux couleurs des liens ?

    Je désactive le mode maintenance, en revanche je vais pas être dispo le reste de l’aprem pour regarder, donc à suivre en fin de journée 😉

     

    Merci bcp !

     

    • Cette réponse a été modifiée le il y a 1 année et 11 mois par CoinCoin.
    #2279004
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Personne pour m’aider sur les sujets restants ? 🙁

    • police et couleur des liens
    • police et couleur des textes
    • + couleur du pied de page éventuellement…

    Merci :p

    #2279015
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Bonjour.

    As-tu essayé de rajouter des !important à tes modifs ?

    🙂

    #2279016
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Bonjour,

    J’ai tapé le code que j’ai remis ci-dessus, donc les important sont bien sur les polices (mais pas sur les tailles/couleurs effectivement)

    #2279017
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Et je viens de voir un autre problème… Quand je regarde le site depuis le navigateur où je suis connectée en admin (chrome en l’occurrence), les polices des titres ont changé mais pas dans les autres navigateurs (ex safari) :’-(

    #2279107
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Essaies comme-ça

    .entry-content a {color : #245fA5; font-size: 24px}

    🙂

    #2279121
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Je crois que ça change rien… et j’ai essayé en rajoutant !important, idem… 🙁

    En revanche j’ai tjs un décalage entre ce que j’observe sur Safari et ce que j’observe sur Chrome (même quand je suis déconnectée)… ca peut venir d’où?

    Mode bourrine : Si je copie le style.css du thème parent, et que je modifie les couleurs où je veux, et que je change les polices en rajoutant les @font-face au début, c’est fastidieux mais est-ce que ça fonctionnerait ?

    #2279143
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Comment as-tu fait ton thème enfant ?

    🙂

    #2279145
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    Avec l’extension child theme configurator au départ, et maintenant je mets les mains dans le code direct en fait. Je sais pas si c’était une bonne idée… J’ai pas encore trop de personnalisations vu que ça bug, donc si besoin je peux le recréer autrement… 😉

    #2279148
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Tu recrées ton thème enfant, avec la même extension, et tu importes dedans les fichiers que tu veux modifier, pas le style.css.

    Tes modifs CSS tu les colles dans le style.css du thème enfant.

    🙂

    #2279152
    CoinCoin
    Participant
    Chevalier WordPress
    116 contributions

    OK, alors juste pour être sûre de pas me tromper cette fois…

    Je mets quoi sur les sections de la capture d’écran jointe ?

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2279163
    PhiLyon
    Modérateur
    Maître WordPress
    27947 contributions

    Tu ne touches à rien.

    🙂

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