Suppression sidebar et augmentation largeur articles (Créer un compte)

  • WordPress :5.3
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2305235
    baryck
    Participant
    Initié WordPress
    12 contributions

    Bonjour,
    <div id=”fwf_content”>Ma configuration WP actuelle :

    • – Version de WordPress : 5.3.2
    • – Version de PHP/MySQL : 7.2.28 / 5.5.5
    • – Thème utilisé : Twenty Seventeen
    • – Thème URI : https://wordpress.org/themes/twentyseventeen/
    • – Extensions en place : Akismet Anti-Spam (4.1.4), Easy Contact (0.1.2 β), Envira Gallery Lite (1.7.8.4), Forum_wordpress_fr (4.2), NextGEN Gallery (3.3.0), Photospace (2.3.5), Regenerate Thumbnails (2.2.6)
    • – Adresse du site : http://barbararyckewaert.com/journeys
    • – Nom de l’hébergeur : Apache

    </div>
     

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

    Bonjour,

    ce n’est pas la première fois que je rencontre ce problème mais avec les années et les mises à jour je fini par le rencontrer de nouveau et ne plus savoir comment le résoudre.

    Je souhaiterais pouvoir modifier la largeur de mes articles sur mon blog, avoir une présentation texte+galerie qui occupe toute la largeur possible de l’écran.

    Dois-je pour cela supprimer la sidebar ou modifier la taille de l’espace du contenu ?

    Merci de votre aide.

    #2305236
    PhiLyon
    Modérateur
    Maître WordPress
    25013 contributions

    Bonjour.

    Sans supprimer la sidebar, colle le code ci-dessous dans Apparence/Personnaliser/CSS additionnel et modifie les valeurs comme tu veux, je n’ai pas vérifier sur mobile

    /* Modifs layout avec sidebar */
    
    .wrap {
        max-width: 1200px;
    }
    	
    .has-sidebar:not(.error404) #primary {
        width: 70%;
    }
    
    .has-sidebar #secondary {
        width: 25%;
    }

    🙂

    #2305239
    PhiLyon
    Modérateur
    Maître WordPress
    25013 contributions

    Il faut rajouter ça pour les mobiles

    /* Modifs pour mobiles */
    
    @media screen and (max-width: 780px)
    {
    .has-sidebar:not(.error404) #primary {
        width: 100%;
    }
    
    .has-sidebar #secondary {
        width: 100%;
    }
    }

    🙂

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