Probleme bei Anpassungen im Design

emdimac

Hallo liebe Community!!

Mit der Integration in mein Design bin ich fast fertig. Nur fehlen mir noch die Stellen in der CSS-Datei zur Definition der rot markierten Stellen. Ich habe den Default Theme als Grundlage genommen und weiß einfach nicht mehr weiter...

Ich bin für jeden Tipp oder Ratschlag dankbar!!

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

koslowski

Moin,

installier dir Firebug, hier ein Tutorial dazu.
Dann siehst du welche Elemente dafür zuständig sind.

Den Unfug mit dem Captcha verstehe ich nicht. Willst du Besucher abschrecken? WP bietet da ja wohl einige Plugins, die Captchas überflüssig machen.

emdimac

Ok, Captchas sind nun deaktiviert...

Aber mich interessiert trotzdem noch wo die Kommentare in der CSS-Datei definiert sind...

Ich benutze einen Mac und weiß nicht, ob Firebug auch dort mit Firefox zu integrieren ist...

Ich will eigentlich nur den Abstand zwischen dem Avatar und dem Benutzernamen bzw. Kommentar ändern... Hat da jemand eine Idee??

koslowski

Hi,

Das Element was die Kommentare betrifft ist bei mir ol#commentlist.
Den Abstand von Gravatar (in dem Fall den rechten Abstand) kann ich so einstellen:

HTML

#inhalt #commentlist li p cite img.avatar {
    margin-right:1em;
}

Schreib doch mal einen Testkommentar, schau ihn dir dann im Browser an und rufe den Quelltext auf. Dann siehst du doch auch, was WP an der Stelle ausgibt. ;-)

emdimac

Das habe ich ja versucht... Bei mir steht folgendes im Quelltext:

PHP

<ol class="commentlist">
			<li class="comment even thread-even depth-1" id="comment-8">
				<div id="div-comment-8" class="comment-body">
				<div class="comment-author vcard">
		<img alt='' src='http://www.gravatar.com/avatar/8c490d3c19bfabb1949d21779cfa7141?s=32&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&amp;r=G' class='avatar avatar-32 photo' height='32' width='32' />		<cite class="fn">Unbekannt</cite> <span class="says">sagt:</span>		</div>


		<div class="comment-meta commentmetadata"><a href="http://blog.blabla.de/?p=6&amp;cpage=1#comment-8">27. August 2009 um 17:58</a></div>


		<p>BLABLA</p>


		<div class="reply">
				</div>
				</div>
		</li>
	</ol>

Alles anzeigen

koslowski

Hi,

steht doch alles im Quelltext, was du benötigst. :)

dann sprich den Avatar doch so an:

HTML

ol#commentlist li div div.comment-author img.avatar  {
   margin-right:1em;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme bei Anpassungen im Design

Jetzt mitmachen!

Benutzer online in diesem Thema