Riesiger Avatar

Lieber pepe

Besten Dank für Ihre Bemühungen – super Support!

Entschuldigen Sie meine späte Reaktion. Ich war bis vor kurzem noch in dem Urlaub und mein Web-Kollege hat in der Zwischenzeit einige Plugins getestet. Vor kurzem war noch «WP User Avatar» aktiviert, ich würde aber Ihr Plugin defintiv bevorzugen, falls dies einwandfrei funktionieren würde. Ich habe also für die Tests das Plugin wieder aktiviert und «WP User Avatar» deaktiviert.

Zur Info: Wir benutzen den Divi Builder für den Aufbau unserer Webseiten. Gerne kann ich Ihnen einen Ausschnitt des Codes beilegen – jedoch bin ich mir nicht sicher, welchen Code Sie genau benötigen.

Desweiteren habe ich Ihre Kommentare für die Testzwekce freigeschaltet. Einsehbar unter https://dsgvo.lettrafot.ch/2018/05/30/test/.

Freundliche Grüsse

• This reply was modified 7 years, 12 months ago by lettrafot.

Hallo pepe

Besten Dank für die schnelle Rückmeldung. Ich habe den CSS-Code im Custom CSS Feld vom Divi Builder eingebettet. Mit dem Befehl «auto» hatte sich nichts geändert, auch nicht mit dem Zusatz «!important».

Ich habe dann aber die Breite manuell auf eine Pixelbreite festgelegt und es hat funktioniert. Also für alle, die zukünftig das selbe Problem haben, hier der Ausschnitt des CSS-Codes:

/* Sizing Comment Avatar */
.comment_avatar img {
  width: 80px;
}

Vielen lieben Dank!

• This reply was modified 7 years, 12 months ago by lettrafot. Reason: Typo

Das stimmt auch wieder.. ich habe mit hilfe des String Locators die Zeile im CSS gesucht. Dabei bin ich auf diesen Teil gestossen. Ich denke das müsste hier sein, richtig?

/* Comments */
#comment-wrap {
	padding-top: 75px;
}

.et_pb_comments_module #comment-wrap {
	position: relative;
	padding-top: 0;
}

.single-project #comment-wrap {
	padding-top: 0;
}

.comment-body {
	position: relative;
	min-height: 87px;
	margin-bottom: 48px;
	padding: 0 110px 0 100px;
}

.comment_avatar {
	position: absolute;
	top: 7px;
	left: 0;
}

.comment_avatar img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.comment_postinfo {
	margin-bottom: 8px;
}

EDIT: Im style.dev.css habe ich ebenfalls diesen Code noch gefunden:

/* Comments Module */
	.comment_avatar img {
		max-width: 50%;
	}

	.comment-body {
		padding: 0 0 0 50px;
	}

	.comment .children {
		margin-left: 25px;
	}

	a.comment-reply-link.et_pb_button {
		font-size: 15px;
	}

	a.comment-reply-link.et_pb_button:after {
		font-size: 25px;
	}

• This reply was modified 7 years, 12 months ago by lettrafot.