Modification haut de page du thème twenty twenty (Créer un compte)

  • WordPress :5.4
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2353128
    freeman7234
    Participant
    Initié WordPress
    3 contributions

    Salut à tous.

    1 ) Je voudrais raccourcir mon haut de page.

    Plus simplement Réduire l’espace blanc entre mon logo, menu etc.… et la haut de la page (bande bleu ici)

    C’est espace est dédié au titre de la chaque page créé.

    http://www.tema-ingenierie.com

    2) J’aimerai aussi modifier le style de caractère du titre. (ici site en construction) Je sais que le titre de la page et surment la hauteur du “blanc”

    est défini par la nouvelle page créer et non par le CSS général du site.

    Je suis vraiment débutant et j’ai peur de modifier le CSS.

    3) Peux ton faire une sauvegarde de celui-ci avant modification ?

    J’essaye d’être le plus claire possible car je début avec WordPress et n’ai aucune connaissance dans la programmation html , css , php.

    Merci par avance.

    Kévin.

     

    #2353188
    ferman
    Participant
    Maître WordPress
    2795 contributions

    Bonjour,

    Dans les css additionnelles du thème vous copiez/collez le code ci-dessous:

    .singular .entry-header{padding:1em!important;}
    
    h1.entry-title{font-size:4em;
    color:red;}

    La première ligne est pour l’espace, la seconde pour la taille du titre et la troisième, éventuellement, pour la couleur.

    Vous pouvez modifier les valeurs em et voir l’effet produit. Vous pouvez bien sûr changer la couleur.

    Pas besoin de sauvegarder. Si ça ne vous plait pas vous enlevez simplement les css additionnelles.

    • Cette réponse a été modifiée le il y a 1 jour et 1 heure par ferman.
    #2353254
    freeman7234
    Participant
    Initié WordPress
    3 contributions

    Merci pour cette reponse rapide.

    Je ne sais pas ou trouver les css additionnel.

    Pouvez-vous me l’indiquer sur ce Screenshots ? Je suis sur la premier page de l’éditeur de thème ?$

    Je recherche et fait des essais en attendant

    Merci par avance.

    Kévin

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2353267
    ferman
    Participant
    Maître WordPress
    2795 contributions

    Bonjour,

    Pouvez-vous me l’indiquer sur ce Screenshots ?

    Ce n’est pas du tout là*. C’est beaucoup plus simple. Depuis votre tableau de bord faites apparence ->personnaliser->CSS additionnelles (ou custom CSS suivant les thèmes). Dans la fenêtre copiez /collez le code. Si ça ne vous plaît pas vous l’enlevez simplement de la fenêtre.

    *Il est déconseillé de modifier les thèmes directement dans l’éditeur. Il faut passer par un éditeur externe adapté (par ex. notepad++)

    En plus il est également conseillé de ne pas modifier directement les CSS du thème  (sauf avec les CSS additionnelles). Il y a un risque en cas d’erreur d’abîmer votre site et de toute façon les modifications seront effacées à la première mise à jour du thème. Il faut faire un thème enfant (très simple avec ce plugin) et placer vos CSS modifiées dans le fichier style.php de ce thème enfant, le thème parent restant inchangé.. Si vous envisagez beaucoup de modifications CSS cela vous sera très utile.

     

    #2353274
    PhiLyon
    Modérateur
    Maître WordPress
    26301 contributions

    Bonjour.

    C’est style.css et non style.php, distrait @ferman ? 😆

    🙂

    #2353284
    ferman
    Participant
    Maître WordPress
    2795 contributions

    Bonjour,

    C’est style.css et non style.php, distrait @ferman ?

    Oui, je reconnais une certaine distraction. Je suis tellement habitué à travailler avec functions.php que j’ai été entraîné par mon élan. Merci d’avoir rectifié.

    #2353288
    freeman7234
    Participant
    Initié WordPress
    3 contributions

    Bonjour.

    Je tenais vraiment à vous remercier. Je sais à qui m’adresser dorénavant.

    Je vais pouvoir modifié ce thème, il me reste encore beaucoup à faire.

    Bon weekend.

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