Abstände von Posts

seth06

Ich hab' folgendes Problem:

Als das Layout meines Blogs gewechselt habe, haben sich die Abstände der Posts, die ich mit dem alten Layout verfasst habe, verändert. Nun hab' ich des öfteren hier im Forum gelesen, dass man die Abstände der Posts mit folgendem Code verändern kann:

PHP

.post {
    margin: 0 0 3em 0;
    }

Leider hab' ich diesen Code in der Stylesheetdatei nicht gefunden. Der Code sieht wie folgt aus:

PHP

/*
Theme Name: WP-Sanda
Theme URI: [URL="http://tobbesanda.com/wp-themes/"]WP Themes[/URL]
Description: A Wordpress theme that supports tags, gravatars and other stuff that´s new. Its totally valid XHTML and CSS.
Version: 1.0
Author: Tobias Sandelius
Author URI: [URL="http://tobbesanda.com/"]tobbesanda.com[/URL]
Tags: 3 columns, white, widget, fixed width, 900px, wp-sanda, pro
*/


/*** RESET ***/
html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {margin : 0; padding : 0;}


/*** LAYOUT ***/
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#111}
#wrap {width:900px; margin:30px auto;}


/*** LINK ***/
a {text-decoration:none; color:#006633;}
a:hover {color:#333; text-decoration:underline;}
a img {border:none;}


/*** HEADER ***/
#header{border-bottom:1px solid #ccc; height:148px;}
#header h1 {font:28px Georgia, "Times New Roman", Times, serif; letter-spacing:+1px; text-transform:uppercase; float:left;}
#header h1 a {color:#444;}
#header p.desc {float:right; color:#aaa; font:18px Georgia, "Times New Roman", Times, serif; letter-spacing:+1px; font-style:italic; margin:8px 0 0 0;}
#header #header-pic {width:900px; height:100px; background:url(img/topbg_pic.png) bottom no-repeat; float:left; margin:5px 0 0 0; border-top: 1px solid #ccc; padding:5px 0 0 0;}


/*** CONTENT ***/
#content {float:left; width:500px; margin:10px 0 0 0; line-height:20px;}
#content a {font-weight:bold;}
#content h2 {font:24px Georgia, "Times New Roman", Times, serif;}
#content h2 a {font-weight:normal;}
#content p { margin:0 0 15px 0;}
#content post {margin:0 0 20px 0;}
#content ul, #content ol { margin:0 0 15px 30px;}
#content ul ul, #content ol ol {margin:0 0 0 14px;}
#content p.postmeta {font-size:11px; color:#666; line-height:16px; background:#f9f9f9; padding:5px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin:5px 0 10px 0;}
#content p.postmeta a {font-weight:normal;}


/*** SIDEBARS ***/
.sidebar {width:180px; float:right; margin:10px 0 0 20px;}
.sidebar a {font-weight:bold;}
.sidebar h2, caption {font:18px Georgia, "Times New Roman", Times, serif; letter-spacing:1px; border-bottom:2px solid #ccc; color:#111;}
.sidebar ul {list-style:none; padding:2px; margin:0 0 10px 0;}
.sidebar ul ul {margin:0 0 0 5px;}
.sidebar ul ul a {font-weight:normal;}
.sidebar ul li {margin:4px 0 4px 0; color:#444;}


/*** CALENDER ***/
table#wp-calendar {text-align:center; margin:0 auto 10px; color:#aaa; width:180px;}
table#wp-calendar a { font-weight:normal; }
td#prev {text-align:left;}
td#next {margin-left:20px;}


/*** COMMENTS ***/
#comments {margin:20px 0 0 0; float:left; width:500px;}
#comments p {margin:0 0 10px 0; line-height:12px;}
#comments label { margin:0 0 0 10px; font-size:10px;}
#comments ul.commentlist {list-style:none outside; margin:0 0 20px 0;}
#comments ul.commentlist li {border:1px solid #eee; margin:0 0 10px 0; overflow:hidden; background:#f6f6f6;}
#comments ul.commentlist .top {background:#f6f6f6; height:32px; font-size:10px; border-bottom:1px solid #eee;}
#comments ul.commentlist li p {padding:10px 10px 0 10px; line-height:20px; font-size:11px;}


/*** FOOTER ***/
#footer {float:left; width:900px; margin:10px 0 0 0; padding:5px 0 10px 0; border-top:1px solid #aaa; text-align:center; color:#666;}


/*** FORMS ***/
input#s {width:172px; border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:2px 0 2px 0; color:#444;}
form#commentform { border-top:2px dotted #ccc; background:#f6f6f6; padding:20px; }
input.commenttext { padding:4px; width:200px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; }
textarea { padding:4px; width:452px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; height:100px; }
input.commentbutton { padding:4px; width:150px; border:1px solid #aaa; color:#aaa; font-weight:bold; }
input.commentbutton:hover { border:1px solid #444; }


/* WP IMAGES */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 5px; display:inline;}
img.alignleft {padding:4px; margin:0 5px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}


/*** CLASSES ***/
code {border:1px solid #ccc; background:#f6f6f6; display:block; padding:10px;}
blockquote{font-style:italic; color:#444;}
.textwidget {color:#444; margin:4px 0 10px 0; line-height:18px; font-size:11px;}

Alles anzeigen

Entweder hab' ich Tomaten auf den Augen, oder der Code ist tatsächlich nicht vorhanden. Muss man etwas anderes verändern, damit sich der Abstand zwischen den Posts verändert?

Schon mal vielen Dank im voraus für eure Hilfe.

Werbepost

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

Kurt

versuchs mal mit

Code

#content post {margin:0 0 20px 0;}

tomaten werdens sein ;)

seth06

Vielen Dank für die schnelle Antwort. Ich habe eben mit den vier Werten mal etwas rumgespielt. Es hat leider nicht funktioniert. Ich vermute mal, dass die Änderungen nicht angenommen werden. Oder gibt es vielleicht noch eine andere Möglichkeit?

gsibergerin

Gibt es einen Link?
Hast du deinen Cache geleert? (Taste F5)?

Frau_Braun

Ich weiß nicht, ob das hilft:

Ich hatte neulich mal ein ähnliches Phänomen: Egal was ich tat, der Abstand der Posts ließ sich nicht beeinflussen. Ich arbeite mit dem Mac, und in den verschieden Browsern, die ich austeste, war der Fehler nicht zu sehen, ebenso wenig wie in meinem Editor. Bis ich dann die neue Website zum erstenmal auf dem PC angeschaut habe: Dort waren an den betreffenden Stellen lauter Fragezeichen zu sehen. Im Theme-Editor gab es sie auch; ich hatte nie darauf geachtet, weil ich immer mit dem externen Editor gearbeitet habe. Mit TextEdit (entspricht Notepad für den PC) kriegte ich diese unerwünschten Zeichen auch zu sehen, nämlich in der Form ;@Ä. Keine Ahnung, wie ich mir das eingefangen habe, aber nachdem das gelöscht war, lief alles wie gewünscht.

seth06

Ich bin nochmals alles durchgegangen. Das Problem blieb bestehen. Aus diesem Grund habe ich mich entschlossen wieder mein altes Laout zu verwenden. Trotzdem bedank ich mich für Euere Anregungen.

marX

Zitat von Frau_Braun

diese unerwünschten Zeichen auch zu sehen, nämlich in der Form ;@Ä.

Nicht eher diese hier?

Zitat

ï»¿

Das wäre das berühmte UTF-8 BOM. ;-)
Byte Order Mark ? Wikipedia

seth: Ohne URL zu deinem Blog oder zu einer Demo deines Themes kann man dir nicht besonders gut helfen. ich hab mal für dich rechercheirt, die Demo findest du hier:
NattyWp Test blog

Da gibts tatsächlich keine Regel für den .post-Container, was aber nichts macht. Die kannst du ja einfach neu anlegen:

Code

#content .post {
margin-bottom:3em;
}

Und glaub mir - das funktioniert. ;-) Wenn nicht, dann Browsercache leeren bzw. Strg+F5 drücken.

Frau_Braun

Zitat von marX

Das wäre das berühmte UTF-8 BOM. ;-)
Byte Order Mark ? Wikipedia

Huch, das kannte ich gar nicht. Nein, das sah anders aus, aber vielleicht wird es auf dem Mac anders dargestellt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Abstände von Posts

Jetzt mitmachen!