Agrandir la taille de largeur de page? (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 23)
  • Auteur
    Messages
  • #530657
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    Ma configuration WP actuelle
    – 3.7.1 :
    – -MySQL : 5.6.12 PHP :
    – Graphene :
    – Extensions en place :
    – Wampserver Localhost :
    – Adresse du site :

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

    Bonjour,

    Je veux agrandir la taille de largeur de page pour quelle soit la même que la largeur du thème… Pour l’instant il y a un espace gauche et droite entre les bords de page et la largeur du thème (la page est légèrement plus étroite que le header, menu et footer).

    Comment faire ?

    Merci de votre aide

    Cordialement

    #923442
    Flobogo
    Modérateur
    Maître WordPress
    20114 contributions

    Bonsoir,

    Pour le thème Graphène, ça se règle là :
    Apparence > Options de Graphène, puis choisir l’onglet « affichage » et la 3ème partie c’est « options de largeur de colonne »

    #923443
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    Merci… J’ai suivi vos instructions et j’ai réglé le conteneur à la largeur du thème 980px.

    Mais en fait je souhaite que le texte contenu dans une page commence sans marge mais bien au bord du cadre de la page…

    Comment faire?

    Merci de votre aide

    Cordialement

    #923444
    Flobogo
    Modérateur
    Maître WordPress
    20114 contributions

    en fait je souhaite que le texte contenu dans une page commence sans marge mais bien au bord du cadre de la page

    Je vous le déconseille de supprimer complètement la marge : je trouve ça très désagréable de consulter un site dont la 1ère lettre de chaque ligne est « collée » au bord de page.
    Mais bon, c’est un avis personnel …

    En fait, vous pouvez peut-être réduire la marge, sans la supprimer complètement.
    Regardez votre site avec Firebug, faites un clic droit sur la marge que vous voulez réduire, vous devriez voir la règle de margin ou padding qu’il faut modifier.

    Pour vous informer un peu sur le CSS, je vous conseille le site CSS-débutant
    Vous comprendrez mieux comment ça fonctionne.

    :wp:

    #923445
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    Je comprends votre point de vue sur le texte en bord de page…

    Mais je réalise un site sans cadre… J’ai enlevé le cadre et l’ombrage du theme Graphene. Je veux que, soit les images insérées dans les pages, soit le texte contenu dans la page puisse faire office de bordure… D’ailleurs en ce sens, Une fois la taille du contenu de page élargie à la taille du thème, j’aurai toujours la possibilité selon le cas de commencer le texte via tabulation. « Qui peu le plus, peu le moins »🙂

    Pour vous faire une idée de site sans cadre… Vous pouvez visiter celui-ci :

    m o n v e l o e s t u n i q u e en fr

    Je vais suivre vos conseils en cherchant margin ou padding…

    J’ai potassé comme vous me le proposez le hyml, le css, et le php… J’en comprends un petit peu plus…

    Cela me permet de pratiquer cette citation :

    Celui qui reconnaît consciemment ses limites est le plus proche de la perfection. Johann Wolfgang von Goethe

    Merci de votre aide

    Cordialement

    #923446
    Flobogo
    Modérateur
    Maître WordPress
    20114 contributions

    J’ai jeté un oeil au site indiqué : plutôt que de parler de site sans cadre, je dirais que c’est l’image de fond, plus large que la partie « contenu », qui sert de « cadre ». Enfin, il me semble.

    Mais bon, potassez le HTML et le CSS, vous y découvrirez sans doute le moyen de faire ce que vous souhaitez.

    A part ça, Noaneo s’inquiète (presque) de ne plus avoir de vos nouvelles à propos du « Read more » du slider de Graphène 😉

    #923447
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    J’ai jeté un oeil au site indiqué : plutôt que de parler de site sans cadre, je dirais que c’est l’image de fond, plus large que la partie « contenu », qui sert de « cadre ». Enfin, il me semble.

    Je ne sais pas comment m’exprimer en terme d’initié, je ne connais encore pas suffisamment… Effectivement, je voulais dire que je ne met pas de lignes représentant les bords du thème (bordure comme un cadre)…

    Merci de m’indiquer le message de Noanéo…

    A part ça, Noaneo s’inquiète (presque) de ne plus avoir de vos nouvelles à propos du « Read more » du slider de Graphène

    Oups ! En fait je n’avais pas vu que la discussion était prolongée sur une seconde page…

    Merci de votre aide

    Cordialement

    #923448
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    J’ai réussi à modifier la taille de la page en l’élargissant à la largeur du thème et de faire commencer le texte sans marge en bord de page… En jouant sur :

    margin-left:
    margin-right: et width % de :

    .post {}
    /* Grid >> Global*/
    .post .entry {}

    Je ne sais pas si c’est très conventionnel mais cela fonctionne et sur toutes les pages…

    Maintenant, pour l’instant je n’arrive pas à modifier la taille du slider…
    j’arrive à le décalrer à droite ou à gauche mais il garde sa taille initiale…

    Dans les « Options du thème Graphene » il y a une fonction à cocher « élargir le slider à la taille du thème » mais rien n’y fait…

    Je cherche, si je ne trouve pas je me passerais de ce diaporama qui me prend du temps…

    Merci de votre aide

    Cordialement

    #923449
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    J’ai trouvé l’élément sur lequel interagir pour élargir le diaporama mais cela ne fonctionne pas dans mon fichier.css enfant…

    Cela marche en testant via « inspecter l »élément » de google chrome… Je modifie la valeur width à 104.2% au lieu de 100% initial…

    J’ai copié collé la série de codes suivant dans le css:

    .featured_slider {
    -pie-background: linear-gradient(left top, #0F2D4D, #2880C3);
    background: #0F2D4D;
    background: -moz-linear-gradient(left top, #0F2D4D, #2880C3);
    background: -webkit-linear-gradient(left top, #0F2D4D, #2880C3);
    background: -o-linear-gradient(left top, #0F2D4D, #2880C3);
    -ms-filter: « progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr=’#0F2D4D’, EndColorStr=’#2880C3′) »;
    background: linear-gradient(left top, #0F2D4D, #2880C3);
    margin-bottom: 20px;
    padding: 25px 0;
    position: relative;
    width: 104.2%;
    clear: both;
    }

    Où se trouve le bug? Ou faut-il le coder autrement?..

    Merci de votre aide

    Cordialement

    #923450
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    Je cherche toujours pour le diaporama que je n’arrive pas à élargir et pourtant en agissant en visuel avec « inspecter l’élément » cela fonctionne bien à l’écran en modifiant width: % comme expliquer précédament… Mais en copiant les codes dans mon CSS cela ne fonctionne toujours pas???

    (Entre parenthèses pour vous donner une idée de site très épuré que je réalise, sans cadre autour du texte de page et sans encadrement, donc très minimaliste, voici un autre site : c y c l o c i n t r e en com… Le hasard veut que ce soit deux sites autour du cycle que je vous propose en exemple…)

    Bon pour élargir le slider… Je cherche comment coder cela???

    Merci de votre aide

    Cordialement

    #923451
    Flobogo
    Modérateur
    Maître WordPress
    20114 contributions

    Question bête (mais parfois, c’est la solution) : avez-vous vidé le cache de votre navigateur afin qu’il prenne en compte les nouvelles règles du CSS ?

    Et avez-vous testé sous Firefox ?

    Ou avec 104% tout rond au lieu de 104.2 ?

    #923452
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    Question bête (mais parfois, c’est la solution) : avez-vous vidé le cache de votre navigateur afin qu’il prenne en compte les nouvelles règles du CSS ?

    Pour moi c’est une question qui va m’en apprendre 🙂 Qu’est ce que le cache de votre navigateur ?

    Je n’ai pas firefox… Je viens d’essayer avec 104% tout rond au lieu de 104.2, cela ne fonctionne pas…

    Petite précision : j’ai réussi précédemment pour modifier la page en utilisant le même procédé dont voici les codes qui ont bien fait la modif… Là aussi j’ai joué sur le width: %…

    .post {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 15px 0 10px;
    overflow: visible;
    position: relative;
    width: 104.3%;
    }

    Donc concernant le slider je ne comprends pas que cela ne fonctionne pas ? Mais, c’est peut-être autrement qu’il faut faire et moi je ne sais pas comment…

    Merci de votre aide

    Cordialement

    #923453
    Flobogo
    Modérateur
    Maître WordPress
    20114 contributions

    Le « cache » du navigateur, je ne vais pas trop savoir expliquer … 😕 En gros, ça stocke des infos que le navigateur n’a pas besoin de « relire », ce qui lui permet d’afficher plus vite une page qu’il a déjà parcourue.

    Il existe un procédé pour le vider, différent selon les navigateurs … mais je ne connais pas celui de Chrome que je n’utilise pas. Mais l’ami Google saura sûrement vous aider.

    Par contre, comme vous dites que vos modif’ de largeur de page ont bien été prises en compte (donc, sans vider le cache) … ben, c’est bizarre que ça ne fonctionne pas pour la largeur du slider.
    Il y a peut-être une fonction qui « bloque » la largeur du slider en fonction de sa hauteur.

    En CSS, il y a l’attribut !important qui permet de « forcer » une règle à s’appliquer, alors essayez width: 104.2% !important; mais je ne promets rien 😕

    #923454
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    J’ai essayé votre proposition: width: 104.2% !important;

    Cela ne fonctionne pas…

    Merci de votre aide

    Cordialement

    #923455
    jedebute
    Membre
    Chevalier WordPress
    164 contributions

    Bonjour,

    J’ai trouvé pour élargir le slider à la largeur du thème…

    Vous m’avez mis sur la voie en me parlant de l’attribut !important;

    Pour trouver, comme tous mes arrières plans sont en blanc, j’ai modifié les coloris de tous les différents arrières plans pour voir comment cela évoluait en faisant différente modifs via la fonction « inspecter l’élément »… Et, en fait j’ai vu que le diaporama s’adaptait à la largeur du bloc de page…

    Hors j’avais bien spécifié la largeur du bloc page à la largeur du thème mais la nouvelle valeur n’était pas pris en compte…

    Je suis retourné spécifier !important; dans : /* Grid >> 16 Columns


    */

    .container_16 .grid_16 {
    width: 980px !important;
    }

    Cela fonctionne… Le diaporama a la largeur du thème…

    Maintenant me reste à régler un problème de calage des images…

    Les images sont décalées vers la droite dans le slider… Donc apparaît à gauche un bout de l’image précédente etc…

    Comment faire ?… Je cherche…

    Merci de votre aide

    Cordialement

15 sujets de 1 à 15 (sur un total de 23)
  • Le sujet ‘Agrandir la taille de largeur de page?’ est fermé à de nouvelles réponses.