[Résolu] Comment mettre une bordure tout autour du contenu dans Twenty Twelve ?

Statut : non résolu

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

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
29 décembre 2014 à 18 h 12 min #545712

Miracle
Participant

Padawan WordPress
77 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 4.1
– Version de PHP/MySQL : 5.4
– Thème utilisé : Twenty Twelve (Child)
– Extensions en place :
– Nom de l’hebergeur : OVH
– Adresse du site : http://cluster011.ovh.net/~expertumcp/immo01/

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

Tout est dans le titre : je ne trouve pas comment mettre une bordure tout autour du contenu.
L’effet recherché (très simple, au demeurant) est visible sur la version statique de ce site à l’adresse http://www.expertum.com

En fait je ne trouve pas le nom du bloc ou la classe concernée. WebDev Toolbar et Firebug ne me sont d’aucune aide sur ce coup-là, à moins que je ne les utilise pas au mieux ?

Merci d’avance pour vos suggestions.

29 décembre 2014 à 18 h 29 min #988779
PhiLyon
Modérateur

Maître WordPress
28276 contributions
Bonsoir.

Dans ce code (style.css, ligne 1662)
```
body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
```
Tu supprimes la dernière ligne (tu peux régler l’épaisseur un peu plus haut dans box-shadow (ligne 1652).

Si tu as un thème enfant tu copies le code (entier) et tu le colles dans style.css où tu fais la modif.

🙂
30 décembre 2014 à 9 h 44 min #988780

Miracle
Participant

Padawan WordPress
77 contributions

Merci ! C’est OK en supprimant la ligne 1662 et en ajoutant sous la ligne 1552 (dans body .site) :
« border: 1px solid black ».

🙂 ✅ 🙂

30 décembre 2014 à 10 h 15 min #988782
PhiLyon
Modérateur

Maître WordPress
28276 contributions
LÀ c’est pour me faire plaisir :

Pour retirer la bordure au-dessus de la zone widgets, dans le style.css de ton thème enfant tu modifies le margin-top comme ça
```
.widget-area {
        float: left; /*– move sidebar to the left –*/
		background-color: #b2b5ba;
		width: 260px;
		height: 460px;
		margin-top: -18px;
    }
```
et retirer le trait au-dessus de la zone jaune tu mets en commentaires ou tu supprimes le border-bottom
```
/* Titre des pages*/
h1 {
	text-align: right;
	color: #990000;
	padding: 5px; /*Décalage du titre de la page*/
	margin-top: -38px; /* remonter ligne de titre h1 sur zone image header*/
	z-index: 2; /*superposition du titre h1 à image header*/
	position: relative; /*superposition du titre h1 à image header*/
	/*border-bottom: 1px solid #990000;*/
}
```
🙂
30 décembre 2014 à 10 h 46 min #988781

Miracle
Participant

Padawan WordPress
77 contributions

Merci ! mais ces deux choses-là sont voulues

Si je t’avais su si serviable, je t’aurais soumis un autre problème, que j’ai résolu progressivement en jouant sur le décalage du footer avec un margin-top négatif (et sur la hauteur totale du contenu) : le problème est une bande blanche entre la zone widget+contenu principal et le footer, et une autre sous le footer, + des filets blancs qui se promènent par-dessus le footer.

Je n’ai pas trouvé non plus pour le moment à quoi ça correspondait dans le code. Le problème est résolu avec mon stratagème, au moins sous Firefox, mais je n’ai pas encore testé le site ailleurs…

Merci de ton aide en tout cas !

30 décembre 2014 à 12 h 00 min #988783

Miracle
Participant

Padawan WordPress
77 contributions

Miracle wrote:

Merci ! mais ces deux choses-là sont voulues

Si je t’avais su si serviable, je t’aurais soumis un autre problème, que j’ai résolu progressivement en jouant sur le décalage du footer avec un margin-top négatif (et sur la hauteur totale du contenu) : le problème est une bande blanche entre la zone widget+contenu principal et le footer, et une autre sous le footer, + des filets blancs qui se promènent par-dessus le footer.

Je n’ai pas trouvé non plus pour le moment à quoi ça correspondait dans le code. Le problème est résolu avec mon stratagème, au moins sous Firefox, mais je n’ai pas encore testé le site ailleurs…

Merci de ton aide en tout cas !

Cette solution ne me convient que partiellement, notamment parce que, lorsqu’on est connecté à l’admin du site, cela fait remonter le footer par-dessus la zone de contenu et le widget.
(mais en fait, c’est un autre sujet)

8 janvier 2015 à 10 h 57 min #988784

Miracle
Participant

Padawan WordPress
77 contributions

Miracle wrote:

Merci ! C’est OK en supprimant la ligne 1662 et en ajoutant sous la ligne 1552 (dans body .site) :
« border: 1px solid black ».

🙂 ✅ 🙂

Sauf que la bordure n’apparaît pas sous Internet Explorer 11 (entre autres bugs spécifiques à ce navigateur…
:boulet:

Des suggestions ? Merci d’avance.
Auteur

Messages