Theme Sugar Cane - Text einrücken?

    Hallo. Ich nutze das Theme Sugar Cane und bin auch eigentlich ganz zufrieden. Nur eine Sache stört mich etwas. Solange man auf der "index" Seite surft ist alles in Ordnung. Aber wenn man rechts in der Sidebar eine Kategorie wählt gefällt mir die Artikelvorschau, die dann geladen wird, nicht. Ich hätte gerne, dass der Vorschautext in einem Einzug mit der Überschrift steht und nicht press am linken Bildrand. Ich habe es mal versucht an einer Grafik zu verdeutlichen :-D.
    http://img132.imageshack.us/img132/6830/unbenannt1pr.jpg
    Hier noch der Link zu meiner Seite:
    http://www.hannes-wolf.de

    Gibt es irgendwo eine Möglichkeit den Abstand zum linken Rand zu ändern?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Das liegt daran, dass der Abstand nach links für das p-Element definiert ist, der automatische Excerpt der Beiträge aber nicht in ein p eingeschlossen ist. Wie einem Theme-Autoren so ein Fehler entgehen kann, ist mir schleierhaft. Sollte man dem Autoren aber ggf. mitteilen.

    Man könnte das entweder so anpassen, dass der Excerpt auch in einem p steht, oder das Stylesheet ändern, so dass die Abstände an einer anderen Klasse und nicht am p definiert sind. Stylesheet-Änderung wäre das hier:

    Zeile 304 - 307 so ändern:

    Code
    .entry-content {
  padding: 0px 80px;
}


.entry-content p{
  padding: 10px 0px;
  color: #333;
}

    Ist aber ungetestet.

    Tausend Dank für die Hilfe bzw. den Code. Es hat per copy&paste funktioniert. Super! Danke danke danke für die Hilfe!

    EDIT: Allerdings sind jetzt die Überschriften verschoben. Das was jetzt zu weit rechts steht, ist in Überschrift 4 geschrieben. Der normale Text mit Formatierung "Absatz".
    http://img10.imageshack.us/img10/826/unbenannt1so.jpg

    Einmal editiert, zuletzt von Lockenheld (18. September 2009 um 22:54)

    Hm, hatte ich befürchtet, dass dann noch alles mögliche anzupassen ist an die Änderung. Speziell ist das hier iab Zeile 335 zu finden:

    Code
    .entry-content h4 {
  font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 80px;
}


    Hier einfach die Angabe des padding löschen. Das gleiche am besten auch darüber und darunter für h3, h5 und h6.

    Und eventuell muss das hier auch angepasst werden, wobei ich mir so auf Anhieb nicht sicher bin, wo das zum Einsatz kommt. Müsste aber eigentlich.

    Code
    .entry-content ul.xoxo {
  margin:0 0 18px 80px;
  overflow:hidden;
}

    Also es sieht mal so, als würde es klappen :smile: Ich kann mich wieder nur bedanken. Ich finde es echt super, wenn man sich da so auskennt und anderen hilft. Vielen vielen Dank!

    Kein Problem, mach ich gerne. Es hilft natürlich auch, wenn Fragen verständlich formuliert sind und der Link zur Seite gleich mit dabei steht. Soweit kommen viele Leute schon gar nicht erst. ;-)

    Also eine Frage fällt mir noch spontan ein. Die hat jetzt zwar nichts mit dem Thema zu tun, aber ich suche noch den passenden Eintrag um die Schriftart im Blog für den normal geschriebenen Text zu ändern ;)

    Ähm, was heißt "normal geschriebenen Text"? Die Angabe an sich lautet "font-family" oder nur "font" im Stylesheet. An einer Stelle ist die auf "Georgia" gesetzt, das könntest Du zu Times oder arial oder einer anderen Schriftart ändern. Aber denk dran, dass nur sehr wenige Schriftarten hinreichend verbreitet sind. Es lohnt sich also nicht, an der Stelle zu viel zu wollen. Hauptsächlich müsste man sich zwischen Serifen-Schrift und serifenloser Schrift entscheiden.

    Ich muss leider erneut hier posten. Zwar habe ich ein Problem mit einzufügenden Bilder. Wie in dem anderen Thread beschrieben habe ich versucht die Bilder zu einzufügen, dass sie bis zum Rand reichen. Hier ist nochmal die Anleitung von offizieller Stelle:
    http://ableparris.com/2009/03/15/sug…ss-child-theme/

    Jetzt habe ich in einem Blog den Tip bekommen, das Bild so einzufügen

    <div class="wide"><img src="image.url"></div>
    [LEFT]Wenn ich die image URL einfüge, erscheint das Bild auch im Post, aber es reicht nicht bis an den linken Rand, wie oben auf der Website beschrieben. Kann das mit den Änderungen zusammenhängen, die ich entsprechend dieses Posts gemacht habe?
    [Blockierte Grafik: http://img9.imageshack.us/img9/1146/bild1sv.jpg]
    [/LEFT]

    Einmal editiert, zuletzt von Lockenheld (8. Dezember 2009 um 22:44)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden