Seite 1 von 1

[3.3] Avatargrösse in der Mobile Version ändern

Verfasst: 16.02.2022 21:05
von koshnika
Hallo zusammen, weiß jemand wie man die Größe der Avatare in der Mobile Version ändern kann?

In der Mobile Version überlagert der Ava den Benutzernamen etc.
Ich müsste entweder die Boxgrösse ändern oder den Ava verkleinern.
Ich habe im custom CSS Feld im Forum die Grösse angepasst, gibt es hierfür einen Code für Responsive?

Code: Alles auswählen

}
.postprofile .avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 130px;
}
Oder wo steckt das drin? Im Stylesheet?

Ich habe übrigens das Ravaio Template, aber das sollte da nichts machen, oder?
Vielen Dank schon mal!

Re: Avatargrösse in der Mobile Version ändern

Verfasst: 16.02.2022 23:20
von Scanialady
Soweit ich weiß, gab es keine mobile Version unter phpBB 2.x

Welche Version ist hier wirklich im Einsatz? Wo stammt dieser Style her (Downloadlink?)

Re: Avatargrösse in der Mobile Version ändern

Verfasst: 17.02.2022 06:22
von Lehrling
Falls du aus Versehen im falschen Forum ( phpBB 2.0) gepostet hast und sich deine Frage auf die aktuelle phpBB-Version bezieht:
es gibt noch das responsive.css im Ordner theme. Und dort gibt es einen Eintrag zum Avatar:

Code: Alles auswählen

	.postprofile .avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 32px;
	}
Den solltest du in dein custom.css übertragen und anpassen.

Re: Avatargrösse in der Mobile Version ändern

Verfasst: 17.02.2022 20:00
von koshnika
Em, ja, sorry, es geht um php vers. 3.3.5

Und den code habe ich schon eingefügt, s.o. der Verändert aber nur die Avagröße auch in der Browserversion. Ich hätte gerne die Mobile version getrennt kleiner gemacht.

Re: Avatargrösse in der Mobile Version ändern

Verfasst: 17.02.2022 20:42
von koshnika
Jetzt geht es.
Forenchache leeren half. ;)

Re: [3.3] Avatargrösse in der Mobile Version ändern

Verfasst: 17.02.2022 20:49
von chris1278
Versuch mal dies hier:

Code: Alles auswählen

@media (max-width: 700px) {
	.postprofile .avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 32px;
	}
}
Natürlich bitte den wert für die mobile version entsprechend anpassen. Danach sollte er dann diese einstellungen nehmen wenn er unter 700px breite fällt.

Re: [3.3] Avatargrösse in der Mobile Version ändern

Verfasst: 29.03.2022 09:28
von koshnika
Spät aber:
COOL!
Danke, das hilft. :)