Comment dois-je cibler une div sur une page WordPress en utilisant le HTML/CSS?

Je suis en train de supprimer la marge de gauche sur http://insightcxo.com/epicwin/

Le problème est quand je cible la classe .container, il déplace l'ensemble du site plus - je ne veux cibler la div sur la page spécifique.

C'est le code que j'utilise qui fait que la page de travail, mais déplace l'ensemble du site ainsi:

.container {
  margin-left: 0;
}
Je viens de vérifier, votre margin-left: 0; fonctionne comme prévu, il n'a pas de décalage de l'ensemble du site pour moi. Cela a fonctionné pour moi parce que Le code est en ligne et pas en conflit avec la valeur par défaut de bootstrap classe de conteneur
Donc, vous voulez la marge sur le côté gauche de l'en-tête et navigation, mais pas sur le .récipient dans le milieu de la page?

OriginalL'auteur ahh_wang | 2015-08-05

  1. 12

    La plupart des thèmes WordPress (y compris la vôtre) inclure l'ID de la page en tant que body nom de la classe. Dans ce cas, le <body> balise se présente comme suit:

    <body class="page page-id-731 page-template-default page-shadow responsive-fluid ">

    Cela signifie que vous pouvez cibler cette page via:

    .page-id-731 .container {
  margin-left: 0;
}

    Plus sur WordPress body_class() fonction peut être trouvé dans le Codex.

    Génial travaillé! Merci!

    OriginalL'auteur rnevius

  2. 2

    Selon la page que vous liez, il semble que vous êtes en utilisant un page-id en tant que classe dans votre corps, de sorte que cela peut fonctionner:

    .page-id-731 .container {
  margin-left: 0;
}
    Merci encore taxicala! Je voudrais vous donner le coche mais mevis vous battre trop elle! Je suis sûr que je vais avoir plus de questions, vous pouvez répondre 🙂
    pas de problème! Je suis heureux que vous ayez pu résoudre votre problème 🙂

    OriginalL'auteur taxicala

  3. 1

    Je ne suis pas sûr si je comprends tout à fait, mais je pense que ce que vous devez faire est d'ajouter un id de la div que vous souhaitez cibler.

    Ici est un JSFiddle de ce que je veux dire:

    https://jsfiddle.net/dT9Yk/25/

    HTML:

    <div class="div1"></div><br>
<div class="div1" id="marginleft"></div><br>
<div class="div1"></div><br>

    CSS:

    .div1 {
width: 100%;
height: 50px;
background: red;
}

#marginleft{
margin-left:10%;
}

    Comme vous pouvez le voir, ils ont tous le même nom de classe, mais celui du milieu a un autre id de la balise.

    Merci pour votre aide Blezx! mevius a été le premier à répondre à bien.

    OriginalL'auteur Blezx

  4. 0

    Ajouter une classe au corps sur cette page et utilisez ensuite la spécificité de la cible le conteneur sur cette page uniquement. Par exemple, ajouter le corps de la classe epicwin sur cette page et utilisez ensuite

    .epicwin .container {
    margin-left:0;
}

    cibler.

    Merci pour votre aide APAD1! mevius a été le premier à répondre à bien.

    OriginalL'auteur APAD1

  5. 0

    Ajoutant margin-left: 0px; à votre fichier CSS est en conflit avec le défaut .container classe de bootstrap.
    Pour résoudre votre problème, appliquer le classe directement en ligne, il permettra de résoudre votre problème, comme suit:

    <div class="container" style="margin-left: 0px;">
    Merci pour votre aide le Papa N! mevius a été le premier à répondre à bien.
    Je n'ai pas l'esprit, aussi longtemps que votre problème a été résolu, tout est bon 😀

    OriginalL'auteur Ahs N

  6. 0

    1. Vous pouvez créer quelque chose comme ça dans la feuille de style que vous utilisez:

      .Container_Div { padding: 0px 0px 0px 0px;}

    2. Ajouter à votre code HTML:

      div class="Container_Div"

    Essayer cela et laissez-moi savoir.

    OriginalL'auteur Lalithanand Barla

  7. 0

    Vous pouvez cibler un div avec la classe/id .vous pouvez cibler directement ou par référence de parents div class/id comme suit.

    <div class="parent">
    <div class="child"></div>
</div>

    cible directe

    .child{}

    avec référence à la div parent .Il ne s'applique de style de classe/id existent dans de parent avec l'id/classe

    .parent .class{
}

    OriginalL'auteur Muhammad Nasir