Agrandir la colonne principale d’un thème Responsive (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par Alisa, le il y a 9 années.
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #553270
    Alisa
    Participant
    Initié WordPress
    27 contributions

    Ma configuration WP actuelle :
    – Version de WordPress : 4.2.4
    – Version de PHP/MySQL : 5.4.38 / 5.5.43-0+deb7u1-log
    – Thème utilisé : Qwerty
    – Thème URI : http://sevenbold.com/wordpress/qwerty/
    – Extensions en place : WP Maintenance Mode (2.0.3)
    – Adresse du site : le site est en « maintenance »
    – Nom de l’hébergeur : Apache

    Problème rencontré :

    Bonjour à tous,

    Je souhaiterai agrandir la colonne principale de mon thème, Qwerty. Celui-ci est responsive, il s’agit donc d’une histoire de @media screen certainement ? Mais comment savoir que modifier ? Quelqu’un pourrait il m’aiguiller ou m’indiquer un bon tuto (en francais) sur le sujet ?

    En vous remerciant d’avance !

    Ps : le site est actuellement en mode « maintenance » donc non visible mais je n’ai rien changé au thème, il s’agit point pour point de l’original comme présenté sur le site http://sevenbold.com/wordpress/qwerty/

    #1017517
    Game3000
    Participant
    Initié WordPress
    25 contributions

    Bonjour,

    Pour agrandir la colonne principale, il faut que tu change dans la feuille de style (style.css) à la ligne 20, le max-width; pour le mettre par exemple à 80em.

    Bonne soirée

    #1017518
    Alisa
    Participant
    Initié WordPress
    27 contributions

    Bonjour Game3000,

    J’aurai besoin d’une précision : peux tu me dire de quelle partie du code à modifier tu me parles ? Car à la ligne 20 je n’ai rien avec un max-width.

    Merci !

    #1017519
    Alisa
    Participant
    Initié WordPress
    27 contributions

    Je viens de gratter un peu dans mon thème et j’ai trouvé !!! Merci beaucoup pour ton intervention en tout cas !
    Je mets ici la réponse si cela peut aider d’autres personnes :

    @media screen and (min-width: 63.75em) { //pour modifier la résolution souhaitée//
    .site-content {
    margin: 0 auto 5em auto;
    max-width: 80em;
    padding: 0 5em;

    Belle journée à tous ! ✅

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