Réduire la largeur de la sidebar (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #464984
    Dookiz
    Participant
    Initié WordPress
    34 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.6.5
    – Thème utilisé : Slim Glassy
    – Plugins en place : Breadcrumb Navigation XT, cforms, Lightbox 2, Simple Tags, Google Analytics for WordPress
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://www.etm-musique.com

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

    Bonjour,

    je suis en train de créer un site avec WordPress, mais je ne m’y connais pas en code. Je commence à avoir un résultat correct, mais je n’arrive pas à modifier ma sidebar !! En fait j’arrive à modifier la largeur du trait sous les catégories, mais pas toute la colonne bleu clair. J’ai essayé plein de modifications, en vain…

    En fait je voudrais élargir un peu la page globabe et réduire la sidebar bleu clair de la même taille que les traits sous les catégories. J’ai installé l’extension Firefox EditCSS pour bidouiller ça, mais je n’arrive pas à trouver la solution…

    Au passage, il y a un onglet par défaut sur mon thème, celui qui fait office de page d’accueil (onglet « ETM ») et je n’arrive pas à ne pas l’avoir en doublon ! grrr…

    + j’ai installé le plugin « breadcrumb navigation » pour avoir un fil d’ariane, mais celui-ci se décale à gauche et n’est pas dans le template… ça fait pas propre..

    Si vous avez une idée pour un de ces problèmes (ou les 3 en même temps !), ce serait vraiment sympa !!

    Merci pour votre aide !

    #652481
    rcjc
    Participant
    Chevalier WordPress
    145 contributions

    La largeur de ta sidebar est subordonnée à la largeur du corps de l’article. C’est donc lui qu’il faut agrandir.
    Dans le fichier css descend jusqu’à : /* Begin Structure */
    puis :

    .pagecolumn {
    	float: left;
    	padding: 15px 0 20px 55px;
    	margin: 0px 0 0;
    	width: 450px;
    	}

    remplace la valeur 450 de width par ce qui te convient (pas trop, non plus, 500 semble être une bonne valeur…).

    Essaie déjà ça…

    #652480
    Dookiz
    Participant
    Initié WordPress
    34 contributions

    Merci, mais en fait j’avais déjà essayé ça et ça modifie la largeur du texte, mais pas de la page ni de la colonne… (j’ai laissé à 500 pour montrer ce que ça fait). Une autre idée ?

    En tous cas merci déjà de cette piste !

    #652482
    rcjc
    Participant
    Chevalier WordPress
    145 contributions

    D’après mon éditeur de css, ton width est toujours de 450px…

    #652483
    jessy
    Participant
    Chevalier WordPress
    461 contributions
    Dookiz wrote:
    En tous cas merci déjà de cette piste !

    Salut

    en voici une autre


    > images/body-bg.jpg

    #652484
    Dookiz
    Participant
    Initié WordPress
    34 contributions
    Gzyg wrote:
    D’après mon éditeur de css, ton width est toujours de 450px…

    euh… là je suis même à 550, mon texte dépasse assez largement de la zone blanche, mais ma barre latérale droite n’a pas bougé… :(

    #652485
    Dookiz
    Participant
    Initié WordPress
    34 contributions
    jessy wrote:
    Dookiz wrote:
    En tous cas merci déjà de cette piste !

    Salut

    en voici une autre


    > images/body-bg.jpg

    merci, mais que suis-je sensé faire avec ça ?

    #652486
    jessy
    Participant
    Chevalier WordPress
    461 contributions
    Dookiz wrote:
    merci, mais que suis-je sensé faire avec ça ?

    Bonsoir

    Et bien s’agissant d’une image, je dirai qu’il n’y a qu’à la regarder 😉

    Pas trop le temps de développer mais en fait il faut bien comprendre qu’il y a un contenant et un contenu.

    C’est un peu comme pour toi dans le domaine de la musique. Si tu mets ton violon (contenu) dans un étui (contenant) et que le premier rentre bien dans le second c’est qu’il s’agit bien de son étui. Là pour garder la même image et te faire mieux comprendre tu essayes de mettre une guitare dans un étui à violon et bien sûr ça passe pas.

    Ton contenu html tu peux l’agrandir tant que tu veux mais si le contenant (l’image dont je te parle dans le post précédent + une autre et peut être +) n’est pas modifiée rien ne bougera. Sur le site du theme slim glassy et bien que mon anglais ne soit pas very good il est mentionné de partout Slim Glassy is 2 columns, fixed width theme.

    Donc si tu agrandis la couche html, il faut également agrandir la couche css et par conséquent les parties graphiques correspondantes et puis diminuer cette sidebar via cette même retouche graphique.

    #652487
    Dookiz
    Participant
    Initié WordPress
    34 contributions

    Super, merci pour l’explication parfaitement claire ! En fait je n’avais pas réalisé que la largeur était fixe, et c’est bien là mon erreur… ! Donc je crois que je vais devoir changer de thème si je veux pouvoir changer la taille de ma sidebar, et choisissant bien un thème à largeur variable !

    Si au passage vous avez des idée spour les deux autres problèmes mentionnés dans mon premier post, ça m’intéresse, mais ce sera peut-être résolu avec un changement de thème…

    En tous cas merci de cette explication !

    #652488
    Dookiz
    Participant
    Initié WordPress
    34 contributions

    Pour info, j’ai pu retoucher ma sidebar avec le fichier images/body-bg.jpg En fait, j’ai réduit ma sidebar graphiquement (une petit coup de Gimp et c’est bon !) puis rechargé le fichier et c’est passé.

    En revanche, un autre problème vient se greffer à ça : lorsque je lance une recherche, la page qui s’affiche m’affiche une sidebar décalée vers la gauche, et je n’arrive pas à savoir où je dois modifier les CSS de ça. Exemple sur cette page : http://www.etm-musique.com/?s=mozart Dans mon fichier style.css, j’ai essayé de modifier diverses balises de /* Begin Sidebar */, sans résultat… Quelqu’un pour m’aider ?

    Merci à vous !

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