- Statut : non résolu
- Ce sujet contient 22 réponses, 4 participants et a été mis à jour pour la dernière fois par
PhiLyon, le il y a 8 années et 1 mois.
-
AuteurMessages
-
13 novembre 2013 à 13 h 26 min #530657
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
13 novembre 2013 à 23 h 00 min #923442Bonsoir,
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 »14 novembre 2013 à 17 h 49 min #923443Bonjour,
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
14 novembre 2013 à 22 h 09 min #923444en 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:
15 novembre 2013 à 18 h 18 min #923445Bonjour,
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
15 novembre 2013 à 22 h 10 min #923446J’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 😉
16 novembre 2013 à 14 h 41 min #923447Bonjour,
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
16 novembre 2013 à 18 h 30 min #923448Bonjour,
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
16 novembre 2013 à 21 h 48 min #923449Bonjour,
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
17 novembre 2013 à 11 h 57 min #923450Bonjour,
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
17 novembre 2013 à 16 h 39 min #923451Question 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 ?
17 novembre 2013 à 17 h 07 min #923452Bonjour,
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
17 novembre 2013 à 21 h 58 min #923453Le « 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 😕
18 novembre 2013 à 10 h 25 min #923454Bonjour,
J’ai essayé votre proposition: width: 104.2% !important;
Cela ne fonctionne pas…
Merci de votre aide
Cordialement
18 novembre 2013 à 15 h 11 min #923455Bonjour,
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
-
AuteurMessages
- Le sujet ‘Agrandir la taille de largeur de page?’ est fermé à de nouvelles réponses.