[Résolu] Comment mettre en forme une page wordpress (changer taille des marges) ?

  • WordPress :4.9.4
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 17)
  • Auteur
    Messages
  • #2152231
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Bonjour à tous,

    Ma configuration WP actuelle

    • Thème utilisé : Graphene
    • Nom de l’hébergeur : OVH

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

    Je me demande comment modifier le fichier CSS ou autre pour modifier la mise en forme d’une page wordpress où j’ai supprimé les 2 sidebars, colonnes latérales.

    Le texte aujourd’hui s’étale sur toute la longueur de la page du coup. Or je souhaiterais qu’il soit plus centré sur le centre de la page, donc accroitre les marges de chaque côté du texte.

    je suppose qu’il faut que je modifie la taille des marges dans le fichier CSS (thème enfant je présume ?) mais comment faire cela, aucune idée… 🙁

    De plus cela ne doit s’appliquer qu’aux « pages » du blog et non aux posts qui eux conservent la mise en page classique avec mes 2 sidebars.

     

    Grand merci par avance à ceux qui pourront m’éclairer sur la marche à suivre/code à renseigner.

     

    Très bonne journée à tous ! 🙂

     

    Sonia

     

    #2152240
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    Bonjour.

    j’ai supprimé les 2 sidebars, colonnes latérales.

    Comment as-tu fait ?

    🙂

    #2152245
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    C’est une fonction native du thème qui permet de choisir par menu déroulant le nombre de colonne souhaité sur les pages…

    Par contre pas de fonction pour régler la taille des marges 🙁

    Une idée de comment faire ?

    Mille mercis par avance pour votre aide !

    #2152250
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    Essaies-ça, sans conviction

    .page #content {padding-left: 100px ;padding-right: 100px}

    🙂

    #2152251
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Merci bien, je vais essayer, je dois insérer ce code dans le fichier css c’est bien cela ?

    Je suppose qu’il faut que je passe par le thème enfant ?

     

    Merci encore !

    #2152255
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    Oui dans le css du thème enfant

    🙂

    #2152320
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Merci bien, alors j’ai copié collé cette ligne de code dans mon fichier css enfant mais ça n’a rien modifié, ci joint la capture d’écran, je ne sais pas si j’ai bien fait ?

    merci encore de votre aide !

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

    Essaies de mettre le code dans Apparence/Personnaliser/CSS additionnel.

    🙂

    #2152324
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    Tu as la dernière version de Graphene ?

    🙂

    #2152325
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    ps : entre temps je viens de trouver que le template correspondant à la page sans sidebars se nommait

    template-onecolumn.php

    je ne sais pas si ça peut aider ?

    Merci encore ! 🙂

    #2152338
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Oui j’ai bien la dernière version de Graphene.

    Par contre je n’ai pas accès à l’éditeur de thème depuis mon interface d’administration, je le fais directement ds le fichier CSS via le serveur FTP…

    #2152350
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    WordPress est installé avec l’option en 1 clic ?

    🙂

    #2152426
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Ça je ne sais pas, c est un ami qui me l avait installé comme ça par mesure de sécurité. Mais je pense que je dois pouvoir modifier la feuille de style du thème enfant directement sur le serveur ftp et avoir le même résultat non ?

    merci encore !

    • Cette réponse a été modifiée le il y a 6 months par  sonia75.
    #2152447
    PhiLyon
    Modérateur
    Maître WordPress
    20866 contributions

    Bonjour.

    Crées un nouveau thème enfant avec cette extension https://fr.wordpress.org/plugins/child-theme-configurator/ actives-le et fais la modif dedans.

    🙂

    #2152747
    sonia75
    Participant
    Padawan WordPress
    56 contributions

    Mille mercis, en fait entre temps j’ai trouvé Apparence/Personnaliser/CSS additionnel qui est resté accessible depuis l’interface 🙂

    Du coup j’ai mis le code que tu m’avais indiqué plus haut et apparemment ça marche nikel, tu es au top !

    bravo à toi et encore un grand merci

     

    PS : entre temps le créateur du thème m’a donné ce code que j’ai aussi testé :

     

    `.page.singular #content-main {
    margin: 0 100px;
    }`

    Mais le pb était que seule la marge de gauche était élargie et une partie du background de la page « mangeait » un peu sur la zone de contenu…

    Du coup, je suis tout de même intriguée par la présence de « singular » dans son code, sais tu ce que cela signifie ?
    juste pour ma « culture » geek personnelle 🙂
    encore merci !

    • Cette réponse a été modifiée le il y a 6 months par  sonia75.
15 sujets de 1 à 15 (sur un total de 17)
  • Vous devez être connecté pour répondre à ce sujet.