[Résolu] Modification code CSS du blog

  • WordPress :5.0
  • Statut : résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #2242937
    passepoil
    Participant
    Initié WordPress
    18 contributions

    Bonjour,

    Ma configuration WP actuelle 5.0.3

    • Version de PHP/MySQL : 7.0
    • Thème utilisé : Scope pro
    • Extensions en place :
    • Nom de l’hébergeur : OVH
    • Adresse du site : http://frequence-lire.com/

     

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

    Qui pourait me dire où je peux modifier le code CSS du blog , J’ai besoin d’afficher en plus petit les infos de l’auteur et de la date de la création d’un post dans le blog.

    La classe CSS est : “author vcard” et “posted-on” je ne sais pas dans quel fichier chercher… 🙁

    Merci pour votre aide !

     

    #2242941
    Li-An
    Modérateur
    Maître WordPress
    22240 contributions

    Bonjour, dans le menu cliquez sur Apparence >Personnaliser et vous trouverez alors CSS additionnel

    #2242954
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Bonjour

    Ces classes ne sont simplement pas définie dans ton CSS. Si c’est en rouge c’est lié au fait que c’est des liens et que le style est défini pour les liens par exemple. La taille est la taille de la class “post_content” Donc si tu peux rajouter du css personlisé dans ton thème (Apparence/personaliser puis CSS additionnel ou un truc du genre) je mettrais le code la. Par exemple pour réduite la taille de nom de l’Auteur

    .vcard
    {
        font-weight:400;
        font-size:16px;
    }

    #2242968
    passepoil
    Participant
    Initié WordPress
    18 contributions

    re,

    Merci ouiouiphoto.

    La classe CSS “vcard” n’est pas dans le fichier CSS du thème. par contre, “post-content” oui mais modifier la taille font-size modifie tout le blog et pas seulement la partie auteur et date.

    Sais-tu si cela se trouve dans un fichier CSS de WP et si oui, où il se trouve ? Dans wp-includes ?

    Merci.

     

    #2242970
    C_Lucien
    Modérateur
    Maître WordPress
    4240 contributions

    Bonjour,

    essayer

    .post-meta {
    font-size: 8px;
    }
    CSS additionnel

    pour trouver la  classe concernée, passer par les outils de développement du navigateur (Firefox, Safari, etc.). Clic droit sur le nom de l’auteur.

    #2242971
    C_Lucien
    Modérateur
    Maître WordPress
    4240 contributions

    Exemple testé

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2242982
    passepoil
    Participant
    Initié WordPress
    18 contributions

    Re,

    Non pas bon C_Lucien… En fait, la classe sur le nom est “author vcard” et je ne la trouve pas dans le fichier CSS du template.

    Pas moyen de faire cette modif sans modifier la taille du body…

    #2242994
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    la classe n’est pas “author vcard” mais author et vcard.  Donc tu peux choisir de faire ton CSS sur author ou su vcard. La classe qui affiche la date c’est posted-on puis ensuite c’est byline et ensuite dans byline il y a author et vcard

    Donc pour rapetisser toutes cette partie c’est

    .posted-on
    {
        font-size :8px;
    }
    .byline
    {
        font-size : 8px;
    }

    #2243009
    passepoil
    Participant
    Initié WordPress
    18 contributions

    Alors là nickel !

    Par contre, le fichier de ce code css tu le trouves où ? Je ne l’ai pas dans le template …

    Merci !

     

    #2243031
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Manifestement tu as trouvé ou le mettre 😉

    #2243034
    passepoil
    Participant
    Initié WordPress
    18 contributions

    Oui, ça ce n’est pas le problème. Je rajoute toujours ces modifs dans le css additionnel des templates. Au moins à la mise à jour, rien n’est écrasé…

    #2243039
    Li-An
    Modérateur
    Maître WordPress
    22240 contributions

    Si c’est relatif à votre thème, les mettre au niveau de Personnaliser est tout aussi sûr.

    #2243040
    passepoil
    Participant
    Initié WordPress
    18 contributions

    Je me suis mal exprimé, mais c’est bien là que je le mets. 😉

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