[Résolu] Comment mettre une bordure tout autour du contenu dans Twenty Twelve ? (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #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.

    #988779
    PhiLyon
    Modérateur
    Maître WordPress
    28260 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.

    🙂

    #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 ».

    🙂 ✅ 🙂

    #988782
    PhiLyon
    Modérateur
    Maître WordPress
    28260 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;*/
    }

    🙂

    #988781
    Miracle
    Participant
    Padawan WordPress
    77 contributions

    Merci ! mais ces deux choses-là sont voulues :D

    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 !

    #988783
    Miracle
    Participant
    Padawan WordPress
    77 contributions
    Miracle wrote:
    Merci ! mais ces deux choses-là sont voulues :D

    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)

    #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.

7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.