So reduzieren Sie den äußeren Umhüllung in Blogger?

Habe ich ein Blogger Simple-Vorlage (www.elleliterate.com) und mein blog hat ein sehr breites äußere Hülle. Es ist nicht so schlimm auf der linken Seite, aber rechts in der sidebar, es ist ziemlich breit, und das gleiche unten in der Fußzeile. Ich sah online und es sagt mir, zu finden #outer-wrapper in meine HTML-aber die hab ich gesucht die ganze Sache, und es ist nirgends zu finden! Keine main-wrapper oder sidebar-wrapper entweder! Wie kann ich einstellen das outer-wrapper Größe zu reduzieren, den Abstand zwischen den Spalten und hintergrund?

InformationsquelleAutor user2063303 | 2013-02-13
  1. 0

    Können Sie das Fenster minimieren Polsterung durch hinzufügen min-width: 0; max-width: none zu <div class="content-outer">.

    Center Ihre header-Bild, Sie müssen entfernen Sie display: block aus <img alt="elleliterate" height="300px;" id="Header1_headerimg" src="..." style="display: block" width="1020px; ">

    • Mein Kopf ist schon zentriert, ich habe die CSS-Datei für das mit kein problem. Ich kann einfach nicht reduzieren die Margen auf den außen (rechts in der Seitenleiste Links von der Haupt-Spalte, unten in der Fußzeile). Im Grunde will ich nur, um schlanker zu den u-Form-Grenze umarmt die blog-Spalten. Mein HTML nicht haben "<div class="content-outer">" überall. Ich erweiterte die widget-Vorlage, schaute durch alle HTML-Format (mit und ohne Strg+F) und immer noch keinen Blick von ihm. 🙁
    • Ich fand das früher; "#layout .content-outer { min-width: 0; width: 800px; }" Aber die Verringerung der Breite, die nicht reduziert die äußere Polsterung entweder.
    • Sie nicht haben, um zu sehen, wo <div class="content-outer"> ist. Ich bin mir nicht sicher, wie der Blogger funktioniert, aber ich vermute, es ist ein Ort für Sie, um Ihre eigenen benutzerdefinierten CSS. Dort sollten Sie eine Regel wie diese: .Inhalt .content-outer {min-width: 0; max-width: none;}.
    • Blogger hat eine "Add CSS" Abschnitt in der template-designer (das ist, wo mein Kopf centre CSS auch, aber da bin ich mit ein benutzerdefiniertes Bild, es ist zentriert automatisch), damit ich in .Inhalte ".content-outer {min-width: 0; max-width: none;}", und es, äh, nicht eine Sache verändert. Tut mir Leid! Ich bin mir nicht sicher, was ich falsch mache, aber ich bin offensichtlich in der völlig über meinen Kopf.
    • Ändern Sie Ihre Regel noch etwas genauer: ".Inhalt .Inhalt-äußere" statt nur ".Inhalt-äußere". Hier sind ein paar screenshots mit den min - und max-width definiert und die header zentriert: d....pr/i/fLVa, d....pr/i/WPbO.
    • ".Inhalt .content-outer {min-width: 0; max-width: none;}" wurde die Codierung die ich verwendet habe. Ich habe auch versucht, die änderung der Größen zu den verschiedenen px und mit "#" statt "." wenn es nicht funktioniert hat. Nichts ist die Befestigung der outer-wrapper Größe. Es ist buchstäblich genau dieselbe Größe vor und nach der Eingabe von diesen bits von code.

    InformationsquelleAutor Mary Ann Jawili
  2. 0

    reduzieren Sie die Breite hier

    Finden diesen code in Ihrem template und Bearbeiten es

     body {
 min-width: 1100px;
 }
    • Es reduziert ein wenig von der rechten Seite, aber das ist alles. Auch in meiner Vorlage, es heißt ; "body { min-width: $(Inhalt.Breite); }" ich habe die "$" und dem Inhalt.der Breite Teil als gut. Der rechten Seite in der sidebar wird ein bisschen dünner, aber die Links des Blogs und der footer gleich bleiben.
    • verringern Sie die Polsterung in diesem code body { font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #666666; background: #ffffff none repeat scroll top left; padding: 0 25px 25px 25px; }
    • und auch hier .main-inner { padding-top: 30px; padding-bottom: 35px; }
    • Es machte einfach meine wichtigsten Spalten, die SUPER große.
    • Sorry! Wenn es hilft, würde ich zumindest gerne nur loswerden den Raum unterhalb der Fußzeile, wenn sonst nichts, bitte? Es ist der Raum, der übrig bleibt, wenn entledigte ich mich der Blogger-attribution die attribution ist Weg, aber es ist ein Teil der Leerraum Links unter meinem copyright-Dingens. Danke!!!
    • "<Variablenname="Inhalt.- Polsterung.horizontal" Beschreibung="Content-Horizontal-Padding" type="length" default="$(Inhalt.Polsterung)" value="0px"/> <Variablenname="Inhalt.Schatten.spread" Beschreibung="Content-Shadow-Spread" type="length" default="10px" value="0px"/>" ich habe gerade das Ende der Werte dieser beiden bits des Codes auf 0px und das half! Ich denke, das ist, was du meintest? Es variiert ein bisschen von deinem code, aber danke, dass Sie unabhängig! 😀 ich versuche nur, um loszuwerden, der Fußzeile, den Raum nun.
    • die Fußzeile Platz??
    • Der Raum unter der "alle Inhalte gehört"? Ich möchte den text berühren Sie den unteren Rand der Seite.
    • versuchen Sie, diese <div class="share-enthüllen" style="display: none; position: absolute; bottom: 10px; left: 50%; margin-left: -205px; z-index: 20;">fügen Sie Ihre Inhalte hier</div> um etwas zu haben, das berühren der base?

    InformationsquelleAutor Rahul Shah
  3. 0

    Im mit einem blogger einfacher Vorlage zu. Aber ich habe das gegenteilige problem, meine Seite ist zu schmal:

    wenn ich einstellen das folgende, es scheint, ändern Sie die Breite der Seite. Meine Standardeinstellung ist:

      body {
    min-width: $(content.width);
  }

  .content-outer, .content-fauxcolumn-outer, .region-inner {
    min-width: $(content.width);
    max-width: $(content.width);
    _width: $(content.width);
  }

    hoffe, das hilft

    InformationsquelleAutor Avon Wood
  4. 0

    Wie peinlich ich habe gerade dies erkannt.

    Template - > anpassen - > Anpassen-breiten > Folie Weg

    le Lösung

    • Dass nur verbreitert sich die gesamte Seite und hält die Polsterung, was auch bedeutet, dass beim Lesen auf einem kleinen Bildschirm, dass ich weiter scrollen nach Links und rechts wiederholt. Ich wollte erweitern, die hauptsächlich durch die Reduzierung der äußeren Polsterung, so konnte ich erweitern den content-Bereich ohne zu scrollen.
    InformationsquelleAutor Avon Wood
Schreibe einen Kommentar