[Résolu] Augmenter le width de ses articles

  • WordPress :5.0.3
  • Statut : résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2250628
    highspeedtravelers
    Participant
    Initié WordPress
    38 contributions

    Bonjour,

    Ma configuration WP actuelle :

    • – Version de WordPress : 5.1
    • – Version de PHP/MySQL : 7.0.33 / 5.6.39
    • – Thème utilisé : SimpleMag
    • – Thème URI : http://themesindep.com/simplemag
    • – Extensions en place : Akismet Anti-Spam (4.1.1), Broken Link Checker (1.11.5), Classic Editor (1.4), Coming Soon Page & Maintenance Mode by SeedProd (5.0.24), Contact Form 7 (5.1.1), Easy Google Fonts (1.4.4), Easy Table of Contents (1.7), EWWW Image Optimizer (4.6.3), Force Regenerate Thumbnails (2.0.6), Forum_wordpress_fr (4.1), Google Analytics Dashboard for WP (GADWP) (5.3.7), Google Analytics for WordPress by MonsterInsights (7.4.2), Hello Bar for WordPress (0.7), Hide Featured Image (1.3.1), Insert Headers and Footers (1.4.3), Instagram Feed (1.11.3), Jetpack by WordPress.com (7.1.1), Loco Translate (2.2.1), Official Facebook Pixel (1.7.25), Polylang (2.5.2), Really Simple SSL (3.1.5), Redirection (4.0.1), Redux Framework (3.6.15), Shortcodes Indep (3.0), Smart Slider 3 (3.3.15), Social Media and Share Icons (Ultimate Social Media) (2.1.4), UpdraftPlus – Backup/Restore (1.16.6), Video Thumbnails (2.12.3), WordPress Importer (0.6.4), WP Comment Policy Checkbox (0.3.1), WP Google Maps (7.11.12), WP Rocket (3.2.6), Yoast SEO (9.7)
    • – Adresse du site : https://highspeedtravelers.com
    • – Nom de l’hébergeur : Apache

    Bonjour, je vous écris car même après une heure de recherche et xx manipulations je n’arrive pas à augmenter le width de mes articles, comme celui ci par exemple : https://highspeedtravelers.com/espagne/roadtriptenerife/ .

    Je crois comprendre qu’il faut que je modifie mon css ou que j’ajoute quelque chose à mon css personnalisé mais même avec l’outil inspecté je n’arrive pas à mes fins… l’idée est d’avoir un width comme sur cette page https://www.worldelse.com/top-8-des-choses-a-faire-a-williamsburg-brooklyn/ .

    Merci de m’aider ^^

    #2250661
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Bonjour

    Le premier style a l’air d’être celui la. J’ai mis 1500

    .wrapper, .wp-image-wrap {
        width: 1500px;
    }

    Le deuxième c’est celui la. J’ai mis 90%

    .grid-8 {
        width: 90%;
    }

    Il faut mettre les deux dans ton CSS personalisé

    #2250664
    highspeedtravelers
    Participant
    Initié WordPress
    38 contributions

    Alleluia!! Merci infiniment !!

    #2250802
    highspeedtravelers
    Participant
    Initié WordPress
    38 contributions

    En fait je ré-ouvre le sujet car je me suis aperçue que la version mobile de mon site ne s’affichait pas correctement depuis que j’ai ajouté ces lignes dans mon CSS personnalisé… Y aurait il possibilité d’ajouter quelque chose pour que les modifications ne prennent effet que sur la version ordinateur?

    Merci!

    #2250806
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Donc avant ces codes tu mets

    @media screen and (min-width: 600px) {
    les codes
    }

     

    Et ensuite tu choisi de remplacer 600px par ce que tu veux

    #2250828
    highspeedtravelers
    Participant
    Initié WordPress
    38 contributions

    Alleluia bis ! Merci 🙂

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