2016-11-02 6 views
-2

Grundsätzlich ist dies eine Frage, aber möglicherweise eine mehrteilige Antwort benötigen, um den überschüssigen Abstand zu entfernen. Grundsätzlich tritt das Problem auf, wenn das vorgestellte Bild auf einem Post auf dem Standardthema twentyixteen eingestellt wird. Ich habe einen Live-Testumgebung Setup dies hier zeigen: http://192.241.239.174/index.php/2016/11/02/hello-world/Wordpress Twentyixteen Thema entfernen alle unnötigen Abstände in Thema

Hier ist ein Schuss, wie es ist zur Zeit gegen, was ich bin es erwartet aussehen: http://prntscr.com/d204p5

Danke für jede Hilfe

Bearbeiten: Weitere Untersuchung ähnlicher Fragen Ich bin etwas näher gekommen, indem ich einige benutzerdefinierte CSS verwendet, um die maximale Breite des Miniaturbildes/vorgestellten Bildes auf 150 zu ändern, was in Ordnung sein sollte, da alle meine vorgestellten Bilder sowieso 150x150 sein werden. Dieser Code wurde in benutzerdefinierter CSS hinzugefügt:

.post-thumbnail img { 
    float: left; 
    margin: 5px 15px 10px 0; 
    max-width: 150px; 
} 

Jetzt ist der Text etwas höher scheint aber immer noch nicht die Miniaturansicht wickeln und in der Nähe noch nicht genug, um das verkleinerte Bild. Ich möchte den Text haben, näher an das Bild

EDIT: Komplettlösung Die komplette Lösung, die ich verwendet wurde, diesen Code in meine benutzerdefinierte CSS hinzufügen:

.entry-footer { 
    display: none; 
} 

.post-thumbnail img { 
    float: left; 
    margin: 0px 20px 0px 0; 
    max-width: 150px; 
} 

body:not(.search-results) article:not(.type-page) .entry-content { 
    float: none !important; 
    width: 100%; 
} 


.entry-content > :last-child { 
    margin-bottom: 0; 
    text-align: center; 
    width:100%; 
} 

Antwort

1

Ich glaube nicht, das ist die bessere Wahl in der Tat machen i-Setup ein Kind Thema haben würde und daran gearbeitet, nebenbei gesagt:

.entry-footer { 
    display: none; 
} 

.post-thumbnail img { 
    float: left; 
    margin: 0px 20px 0px 0; 
    max-width: 150px; 
} 

body:not(.search-results) article:not(.type-page) .entry-content { 
    float: none !important; 
    width: 100% !important; 
} 

.entry-content > :last-child { 
    margin-bottom: 0; 
    text-align: center; 
} 

Sie können hinzufügen müssen wichtiges Stichwort, wenn etwas nicht funktioniert!. Das Ergebnis: Is that like what you wanted?

+0

Vielen Dank für die Antwort. Ja, ich denke, ich werde das zum untergeordneten Thema der Zielseite hinzufügen. Ich benutze derzeit das "simple custom css" -Plugin, um daran zu basteln, bis ich die Dinge herausgefunden habe. Ich gebe das von Ihnen vorgeschlagene CSS ein, aber wie Sie in der Testumgebung sehen können, umschließt der Text das Thumbnail nicht und puffert weiterhin weit vom Thumbnail. Der Teil des css '.entry-content' erwähnt Kind vielleicht verursacht dies das Aufhängen, wenn es in einfache benutzerdefinierte css gesetzt wird? –

+0

Entschuldigung: Körper: nicht (.search-results) Artikel: nicht (.type-page) .entry-Inhalt { float: keine; } –

+0

Wird '.entry-content' nicht mehr benötigt? Ich sehe, dass der Text nun umgebrochen ist, aber nicht mehr in der rechten Seitenleiste angezeigt wird (Leerzeichen jetzt nach rechts verschoben) Haben Sie einen Vorschlag dafür? Danke, du warst extrem hilfreich, Sid! –