Twitter Bootstrap Couleur D'Arrière-Plan/Conteneur Couleur

J'ai un bootstrap thème pour mon site WordPress et je suis en train de recréer le thème dans une autre page.

www.bleep.io/blog

Le thème a un fond gris, mais le div conteneur est blanc, donnant l'impression d'une bordure grise.

J'ai essayé de recréer ce par la mise en au corps couleur d'arrière-plan et le conteneur d'un arrière-plan blanc. Mais cela transforme l'nav-bar blanc.

Aucune idées de comment je le faire?

  • Donner de la barre de navigation explicite de la couleur dans ce cas? Difficile à dire sans exemple. Vous pouvez lier votre projet afin que nous puissions voir ce qui se passe?
  • Ceci est la page que j'ai fait: bleep.io/contact.html
  • J'ai essayé ta suggestion et a donné la navbar un contexte particulier. Semblait fonctionner www.bleep.io/contact2.html
  • Cool, content que tu ai eu de travail.
InformationsquelleAutor Nick Latocha | 2012-11-21
  1. 2

    Salut à tous de ce que vous dites, vous voulez avoir un fond blanc même que le twitter bootstrap css design, mais vous ne pouvez pas modifier le corps blanc.

    Si vous avez besoin de trouver ce code que votre corps a une classe ajoutée à l'étiquette de l', de trouver dans votre modèle de page (ce qui devrait être juste avant la <body> tag):

    <style type="text/css" id="custom-background-css">
body.custom-background { background-color: #d4d4d4; }
</style>

    qu'est ce que vous cherchez à changer la couleur d'arrière-plan.

    EDIT:

    Essayer de trouver et de modifier ce:

    .container {
background-color: #D4D4D4;
margin: 0px auto;
padding-right:24px;
padding-left:24px;
}

    et ce:

    <style>
body {
padding-top: 60px; 
}
</style>

    Merci de vérifier dans votre fichier css sur la page http://www.bleep.io/contact.html que c'est un lien rompu et il peut être la cause de cela:

    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    InformationsquelleAutor Jeremy John
  2. 2

    Vous devriez probablement s'abstenir de modifier les principaux fichiers d'amorçage. Des fichiers supplémentaires sont fournis pour vous d'effectuer des personnalisations. Cherchez le principal.css et le main.js les fichiers dans le répertoire approprié les lieux.

    Cela aidera à prévenir un total de casse sur le site, et devrait être plus facile à réparer et dépanner si le besoin s'en fait sentir.

    C'est bien sûr pour ces types de changements mineurs. Si vous êtes à la création d'un ensemble du thème: aller pour elle.

    InformationsquelleAutor W. Shawn Wilkerson