- WordPress :5.0
- Statut : non résolu
- Ce sujet contient 33 réponses, 4 participants et a été mis à jour pour la dernière fois par
SEB92400, le il y a 6 années et 4 mois.
-
AuteurMessages
-
20 décembre 2018 à 14 h 44 min #2237097
Je suis aller regarder un site exemple avec ton thème. Si tu regarde ton fichier bootstrap.css qui est dans le repertoire CSS tu vas trouver cela
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}Ca veut dire que lorsque la fenêtre du navigateur est supérieure a 1200px la largeur le l’affichage central sera de 1170px. Ensuite la colonne de droite est a 75% et la colonne de gauche a 25% C’est ailleurs dans le même fichier
Si tu veux utiliser toute la largeur tu remplace par
@media (min-width: 1200px) {
.container {
width: 100%;
}
}Je ne sais pas si tu rajoute cela dans le CSS personnalisé si il sera pris en compte. C’est a essayé avant de modifier le CSS du thème
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.21 décembre 2018 à 9 h 01 min #2237559Bonjour ouiouiphoto,
merci pour ton dernier message.
Je vais tester, 2 questions annexes :
a) comment accède t’on aux fichiers CSS sur les navigateurs (j’utilise de préférence Firefox sur Mac)
voit on les mêmes fichiers sur l’éditeur du tableau de bord de WP ? j’ai l’impression que pas tout à fait , pourquoi ?
b) Comment fait on sur ce forum pour coller des instructions CSS comme tu as fait ci dessus ?Salut
21 décembre 2018 à 9 h 18 min #2237564Re bonjour,
j’ai essayé de mettre dans le CSS additionnel que tu proposes<code class=" code-embed-code language-css"><span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 1200px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token selector"><span class="token class">.container</span> </span><span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span>
Mais rien ne se passe !
21 décembre 2018 à 9 h 21 min #2237565Comment faire pour ne pas obtenir l’écran ci dessus sur le forum avec les HTML ?
21 décembre 2018 à 9 h 24 min #2237566Bonjour.
Cela ne fonctionnera pas, c’est bloqué par le bootstrap, il faut créer un thème enfant et créer un template de page, mais comme tu n’as pas l’air décidé…
🙂
21 décembre 2018 à 10 h 16 min #2237575Pour insérer du code sur ce forum tu appuie sur code juste au dessus. Ensuite pour modifier un CSS je me connecte en FTP et clic droit sur le fichier puis modifier.
Si en mettant du code CSS additionnel ca ne marche pas il faut modifier le fichier bootstrap.css. Et donc faire comme préconisé par @PhilLyon et faire un thème enfant avant
21 décembre 2018 à 11 h 32 min #2237657re-bonjour ouiouiphoto,
cela marche (en fait dans la première manip, j’avais mis ton CSS sur un autre thême)
Avec Nisarg , c’est ok et plutôt satisfaisant (voir copie écran)
Second écran avec les divers CSS Additionels.
Il me reste à ajuster mieux pour que l’image s’aligne mieux sur les 2 colonnesFichiers joints :
Vous devez être connecté pour voir les fichiers joints.21 décembre 2018 à 12 h 31 min #2237661si tu as une suggestion pour bien ajuster l’image et le texte, dis moi
Merci
21 décembre 2018 à 12 h 39 min #2237664Je viens de modifier les réglages image et je trouve le résultat convenable
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.21 décembre 2018 à 13 h 15 min #2237679Si tu le met dans un autre thème évidement ca marche moins bien 😉 chaque thème a ses propres CSS. Pour l’image je vois que tu l’as centrée et c’est ce que je t’aurais conseillé. Ensuite tu peux aussi demandé a ce qu’elle prenne le même pourcetage de largeur
21 décembre 2018 à 13 h 20 min #2237680Comment veux tu dire pour le même pourcentage de largeur ?
Que faut il modifier ?Question annexe, quand un concepteur de thême fait une mise à jour, faut il modifier les CSS additionnels qu’on a installés ?
En tout cas , un grand merci pour votre aide toi et Philyon !
21 décembre 2018 à 13 h 22 min #2237681et merci aussi à lorenzolamas qui est aussi intervenu dans cette discussion !
21 décembre 2018 à 13 h 35 min #2237683L’avantage du CSS additionnel c’est qui est a toi normalement. Maintenant après une modification du thème il peut arrêter de marcher si le concepteur a fait beaucoup de modifications dans les styles.
Pour te dire quoi modifier une fois de plus il faudrait que j’ai accès au code pour voir comment l’image a été insérée.
Ensuite si tu te lance dans les modifs de CSS je te conseillerais quand même une petite formation 😉 ou au moins comprendre les outils de développement de ton navigateur. Avec ces outils tu peux faire des modifs et voir tout de suite ce que cela donne. Ca te permet de découvrir un peu le fonctionnement de ton thème
21 décembre 2018 à 13 h 43 min #2237684Je vois, merci pour les infos !
Sais tu s’il existe sur Paris ou Hauts de Seine des formations CSS ?
Ou conseillerais tu en ligne ?21 décembre 2018 à 16 h 53 min #2237743A mon avis en ligne tu dois pouvoir trouver tout ce que tu veux. HTML5 ou CSS3 ce n’est pas bien compliqué . php, sql c’est autre chose. Pour les bases et plus je te conseillerait bien ce site
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.