Comment élargir la zone de lecture principale (avec ou sans extension) ? (Créer un compte)

  • WordPress :5.0
  • Statut : non résolu
15 sujets de 16 à 30 (sur un total de 34)
  • Auteur
    Messages
  • #2237097
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Je suis aller regarder un site exemple avec ton thème. Si tu regarde ton fichier bootstrap.css qui est dans le repertoire CSS tu vas trouver cela

    @media (min-width: 1200px) {
      .container {
        width: 1170px;
      }
    }

    Ca veut dire que lorsque la fenêtre du navigateur est supérieure a 1200px la largeur le l’affichage central sera de 1170px. Ensuite la colonne de droite est a 75% et la colonne de gauche a 25% C’est ailleurs dans le même fichier

    Si tu veux utiliser toute la largeur tu remplace par

    @media (min-width: 1200px) {
      .container {
        width: 100%;
      }
    }

    Je ne sais pas si tu rajoute cela dans le CSS personnalisé si il sera pris en compte. C’est a essayé avant de modifier le CSS du thème

     

     

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2237559
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Bonjour ouiouiphoto,
    merci pour ton dernier message.
    Je vais tester, 2 questions annexes :
    a) comment accède t’on aux fichiers CSS sur les navigateurs (j’utilise de préférence  Firefox sur Mac)
    voit  on les mêmes fichiers sur l’éditeur du tableau de bord de WP ? j’ai l’impression que pas tout à fait , pourquoi ?
    b) Comment fait on sur ce forum pour coller des instructions CSS comme tu as fait ci dessus  ?

    Salut

    #2237564
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Re bonjour,
    j’ai essayé de mettre dans  le CSS additionnel que tu proposes

    <code class=" code-embed-code language-css"><span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 1200px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
      <span class="token selector"><span class="token class">.container</span> </span><span class="token punctuation">{</span>
        <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>

    Mais rien ne se passe !

    #2237565
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Comment faire pour ne pas obtenir l’écran ci dessus sur le forum avec les HTML ?

    #2237566
    PhiLyon
    Modérateur
    Maître WordPress
    27101 contributions

    Bonjour.

    Cela ne fonctionnera pas, c’est bloqué par le bootstrap, il faut créer un thème enfant et créer un template de page, mais comme tu n’as pas l’air décidé…

    🙂

    #2237575
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Pour insérer du code sur ce forum tu appuie sur code juste au dessus. Ensuite pour modifier un CSS je me connecte en FTP et clic droit sur le fichier puis modifier.

    Si en mettant du code CSS additionnel ca ne marche pas il faut modifier le fichier bootstrap.css. Et donc faire comme préconisé par @PhilLyon et faire un thème enfant avant

    #2237657
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    re-bonjour ouiouiphoto,
    cela marche (en fait  dans la  première manip, j’avais mis ton CSS sur un autre thême)
    Avec Nisarg , c’est ok et plutôt satisfaisant (voir copie écran)
    Second écran avec les divers CSS Additionels.
    Il me reste à ajuster mieux pour que l’image s’aligne mieux sur les 2 colonnes

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2237661
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    si tu as une suggestion pour bien ajuster l’image et le texte, dis moi

    Merci

     

    #2237664
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Je viens de  modifier les réglages image et je  trouve le résultat convenable

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2237679
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Si tu le met dans un autre thème évidement ca marche moins bien 😉 chaque thème a ses propres CSS. Pour l’image je vois que tu l’as centrée et c’est ce que je t’aurais conseillé. Ensuite tu peux aussi demandé a ce qu’elle prenne le même pourcetage de largeur

    #2237680
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Comment veux tu dire pour le même pourcentage de largeur ?
    Que faut il modifier ?

    Question annexe, quand un concepteur de thême fait une mise à jour, faut il modifier les CSS additionnels qu’on a installés ?

    En tout cas , un grand merci pour  votre aide toi et Philyon !

     

    #2237681
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    et merci aussi à lorenzolamas qui est aussi intervenu dans cette discussion !

     

    #2237683
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    L’avantage du CSS additionnel c’est qui est a toi normalement. Maintenant après une modification du thème il peut arrêter de marcher si le concepteur a fait beaucoup de modifications dans les styles.

    Pour te dire quoi modifier une fois de plus il faudrait que j’ai accès au code pour voir comment l’image a été insérée.

    Ensuite si tu te lance dans les modifs de CSS je te conseillerais quand même une petite formation 😉 ou au moins comprendre les outils de développement de ton navigateur. Avec ces outils tu peux faire des modifs et voir tout de suite ce que cela donne. Ca te permet de découvrir un peu le fonctionnement de ton thème

    #2237684
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Je vois, merci pour les infos !
    Sais tu s’il existe sur Paris ou Hauts de Seine des formations CSS ?
    Ou conseillerais tu en ligne ?

    #2237743
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    A mon avis en ligne tu dois pouvoir trouver tout ce que tu veux. HTML5 ou CSS3 ce n’est pas bien compliqué . php, sql c’est autre chose. Pour les bases et plus  je te conseillerait bien ce site

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