[Twenty Fourteen] Changer la couleur du fond d'une page

Statut : non résolu

Ce sujet contient 36 réponses, 5 participants et a été mis à jour pour la dernière fois par Knard25, le il y a 9 années et 9 mois.

15 sujets de 1 à 15 (sur un total de 37)

1 2 3 →

Auteur

Messages
31 janvier 2014 à 21 h 20 min #533641

Drow
Participant

Initié WordPress
17 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.8.1
– Version de PHP/MySQL : ovh
– Thème utilisé : Twenty Fourteen
– Extensions en place : très peu
– Nom de l’hebergeur : OVH
– Adresse du site : http://www.alpesservicedesign.com

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

Bonjour,

Je cherche à changer le blanc du fond des pages pour afficher un gris plus claire que le background du site.
Le problème c’est que je n’arrive pas du tout à identifier ou indiquer la couleur.

J’arrive pas à voir à quoi correspond le fond d’une page dans le CSS.

Pourriez-vous m’aider ?

J’utilise Firefox en examinant l’élément mais y a trop de couche sur des couches et je ne saurai même pas quoi mettre comme code pour essayer. Et à quelle ligne ?

Merci pour votre aide.

Cordialement.

1 février 2014 à 17 h 33 min #935739

jessy
Participant

Chevalier WordPress
461 contributions

Bonsoir

Voir les lignes 805, 1085, 1217 dans style.css

Pour les codes voir ici http://www2.csvt.qc.ca/patriotes/html/couleurs/t_gris.htm

1 février 2014 à 22 h 24 min #935740

Drow
Participant

Initié WordPress
17 contributions

Je n’ai pas eu de résultat.

Pourtant j’essaye du #000000 pour être sur de voir la modification

Quelqu’un peu me donner un coup de pouce ?

2 février 2014 à 10 h 40 min #935741

alezan2000
Participant

Initié WordPress
23 contributions

Salut !
Je ne sait pas à quel numero de ligne ça correspond mais dans ton fichier CSS, il y a une section « 3. Basic Structure »
et dans « site » tu modifies la valeur du « backgroundcolor » et le tour est joué !

2 février 2014 à 11 h 00 min #935742

vinou33
Membre

Chevalier WordPress
169 contributions

Quelquechose comme ça où j’ai foutu un peu différentes couleurs ?

2 février 2014 à 11 h 14 min #935743
vinou33
Membre

Chevalier WordPress
169 contributions
J’ai rajouté quelques trucs dans la partie style que tu as mis rapport à la couleur de fond d’écran du body:
```
body { background-color: #7c7c7c; }
#main { background-color: #7f7f8f;}
#content .entry-header{ background-color: #7f7f9f}
#content .entry-content{ background-color: grey;}
```
Ou encore plus simple:
```
body { background-color: #7c7c7c; }
#page , #content .entry-header, #content .entry-content{ background-color:  transparent;}
```
Et à ce moment là, tu n’auras qu’une seule couleur, celle de l’arrière plan. Donc à toi de remplacer le transparent par une autre couleur pour avoir une autre teinte dans la ligne commencant par #page.
2 février 2014 à 11 h 59 min #935744
Drow
Participant

Initié WordPress
17 contributions
C’est exactement cela vinou33, mais j’installe cette information ou ?

Car c’est principalement la le problème.

faut il le mettre dans :
```
/**
 * 3.0 Basic Structure
 * —————————————————————————–
 */

.site {
	background-color: #fff;
	max-width: 1260px;
	position: relative;
}
```
2 février 2014 à 12 h 03 min #935745
Drow
Participant

Initié WordPress
17 contributions
Ou au début dans ?:
```
body {
	background: #f5f5f5;
}
```
2 février 2014 à 12 h 05 min #935746

vinou33
Membre

Chevalier WordPress
169 contributions

arf. Tu as un thème parent/enfant ?

2 février 2014 à 12 h 06 min #935747

vinou33
Membre

Chevalier WordPress
169 contributions

Non, il faut que cela soit la dernière déclaration donc plutôt à la fin sinon cela ne va pas écraser les premieres

2 février 2014 à 12 h 21 min #935748
vinou33
Membre

Chevalier WordPress
169 contributions
Bon, c’est simple. Tu crées un fichier css et tu fous dedans :
```
#page , #content .entry-header, #content .entry-content{ 
background-color:  transparent;
}
```
Pis tu mets le fichier par exemple à la racine de ton thème. On part du principe que tu l’as appelé drow.css

Ensuite tu le déclares dans le fichier /themes/twentyfourteen/header.php de ton thème, au dessus de la balise de fermeture ce fichier css. En gros, je te mets aussi ce qu’il y a autour mais c’est ici:
```
	<meta charset=" »>
	
	<title></title>
	
	<link rel="pingback" href=" »>
	
	<script src="/js/html5.js »>
	
	
[b][/b]
```
Pour finir, tu enregistres et normalement, c’est bon si tu as bien suivi ce que j’ai écrit.
2 février 2014 à 12 h 23 min #935749
vinou33
Membre

Chevalier WordPress
169 contributions
NOTE: Ne pas mettre les et . Je te remets les bonne données de déclaration (tout ce que tu as à rajouter est le dernier link):
```
    <meta charset=" »>
    
    <title></title>
    
    <link rel="pingback" href=" »>
    
    <script src="/js/html5.js »>
    
    
```
2 février 2014 à 12 h 24 min #935750

vinou33
Membre

Chevalier WordPress
169 contributions

Arf … J’ai mis le mauvais lien. Toi ce sera:

2 février 2014 à 12 h 34 min #935751

Drow
Participant

Initié WordPress
17 contributions

on peu pas le rajouter proprement dans le CSS d’origine style.css du thème directement ?

merci en tout cas pour cet jet d’information !

2 février 2014 à 12 h 37 min #935752

vinou33
Membre

Chevalier WordPress
169 contributions

Ben mets ça tout à la fin. C’était juste pour séparer dés fois qu’une mise à jour te fasse tout perdre. D’où l’intéret de faire un thème enfant du premier et de créer un fichier style.css pour les modifications. Vas sur ce lien et tu auras les explications au niveau des premiers paragraphes (au dessus du paragraphe des template):
codex-childThemes
Auteur

Messages