Zum Inhalt der Seite gehen

Ich habe mal wieder eine #wordpress Frage... Ich benutze hier https://ubu-umkirch.de das Theme Twenty Twenty-Four. Auf der Startseite habe ich ein Cover über die gesamte Breite. Gibt es eine Möglichkeit die Bildgröße so einzustellen, dass das Bild bei der mobilen Ansicht schmaler wird statt wie jetzt links und rechts abgeschnitten?

UBU – Unabhängige Bürgerliste Umkirch

ubu-umkirch.de
#wordpress

teilten dies erneut

Als Antwort auf Imke :FreiburgSocial:

ɟloʍ
ɟloʍ
•
@Imke :FreiburgSocial: probiere mal dem Coverblock eine eigene Klasse zu geben, dann kannst Du im css statt background-size: cover
mal background-size: 100% probieren. vermutlich brauchts auch noch ein !important um die Voreinbstellung zu überschreiben.

Dann mal schauen wie sich das auf die Seite am großen Bildschirm auswirkt.
Unter Umständen ist aber auch der "Coverblock" für Deinen Fall gar nicht das geeignete Mittel.
@Imke :FreiburgSocial:
Als Antwort auf ɟloʍ

Imke :FreiburgSocial:
Imke :FreiburgSocial:
• •
@wolf Oh je, ich weiß gar nicht, wie ich da eigene Klassen vergeben kann... Aber das sollte ich irgendwo herausfinden. 🙂
Hast Du eine Idee, was statt Coverblock besser sein könnte?
@ɟloʍ
Als Antwort auf Imke :FreiburgSocial:

ɟloʍ
ɟloʍ
•
@Imke :FreiburgSocial: mit diesem ganzen neumodischen "fullsiteeditingzeug bin ich jetzt wiederum nicht besonders bewandert.
Klassen kannst Du so vergeben:
Du gehst im "Websiteeditor" auf das entsprechende Template mit dem Coverblock. Markierst diesen wechselst im rechten Seitenmenü von "Seite" auf "Block" um die Blockeinstellungen anzupassen. Theoretisch kannst Du vielleicht auch dort direkt das mit der vollen Größe Einstellen, das ist aber ziemlich rudimentär und unübersichtlich. ich gvergebe da lieber klassisch ne Klasse und machs herkömmlich im CSS. Zum Klassenvergeben dann ganz unten auf "Erweitert", dort gibts dann auch das feld für "zusätzliche CSS-Klassen". Siehe nochmal Screenshot in einer Website von mir.
@Imke :FreiburgSocial:
Als Antwort auf ɟloʍ

Imke :FreiburgSocial:
Imke :FreiburgSocial:
• •
@wolf Ich habe das jetzt probiert, aber es ist immer noch wie vorher. Oder habe ich es noch nicht richtig gemacht?
@ɟloʍ
Als Antwort auf Imke :FreiburgSocial:

ɟloʍ
ɟloʍ
•

@Imke :FreiburgSocial: die Klasse dortnistberat mal nur zum identifizieren gedacht (beliebige Buchstaben ohne Leerzeichen, beispielsweise "vollbild" (ohne Anführungsstriche). Dann must Du aber noch das CSS schreiben (entweder im Child-Theme in der "styles.css" Datei, oder mittels Plugin oder unter https://deinedomain.de/wp-admin/customize.php dann "eigenes CSS" und dort eintragen:

.vollbild {
background-size: 100% !important;
}

@Imke :FreiburgSocial:
Als Antwort auf ɟloʍ

Imke :FreiburgSocial:
Imke :FreiburgSocial:
• •
@wolf Hm. Ich denke, dass ich das so gemacht habe - aber es klappt immer noch nicht.
@ɟloʍ
Als Antwort auf Imke :FreiburgSocial:

ɟloʍ
ɟloʍ
•
@Imke :FreiburgSocial: Dann weiß ich auch nicht weiter. Soll ich es mir auch mal direkt anschauen, ob ich es irgendwie hinbekomme? Ich bin zwar kein Superprogrammierheld, idR hab ich aber am Ende immer alles so geradegezupft wie ich ech mir vorstellte. Da bräuchte ich allerdings nen temporären Adminzugang fürs backend wenn das möglich ist.
@Imke :FreiburgSocial:
Als Antwort auf Imke :FreiburgSocial:

Jonas Zander
Jonas Zander
• •
guck mal hier..
Da ist alles beschrieben
https://haurand.com/cover-block-in-wordpress-6-5/

Cover Block in WordPress 6.5

Beim Cover Block in WordPress 6.5 gibt es die neue Eigenschaft Aspect Ratio (Seitenverhältnis). Das bietet mehr Gestaltungsmöglichkeiten.
hgg (haurand.com)
Als Antwort auf Jonas Zander

Imke :FreiburgSocial:
Imke :FreiburgSocial:
• •
@Jonni Das sieht gut aus, klappt aber irgendwie nicht. Ich habe das Seitenverhältnis auf Breit - 16:9 gesetzt, aber da tut sich in der mobilen Ansicht nichts. 😟
@Jonas Zander
Als Antwort auf Imke :FreiburgSocial:

Jonas Zander
Jonas Zander
• •
Hm, ich habe mir deine Seite mal angeschaut. Vielleicht solltest Du den gesamten Inhalt der Startseite einmal von Anfang an neu erstellen. Also alles löschen und dann neu Aufbauen. Es sieht irgendwie so aus, als ob du den Coverblock zweimal angelegt hast. Kann das sein?
Als Antwort auf Jonas Zander

Imke :FreiburgSocial:
Imke :FreiburgSocial:
• •
@Jonni Ja, habe ich tatsächlich. Wegen der Schrift. Das ist vermutlich zu sehr gefrickelt...... 😕 Ich habe nur (noch) keine andere Lösung gefunden.
@Jonas Zander
Als Antwort auf Imke :FreiburgSocial:

Jonas Zander
Jonas Zander
• •
ich sitze gerade am PC. Sollen wir mal per Web für 15 Minuten schauen? Hast Du eine Staging Seite?
⇧