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?
teilten dies erneut
ɟloʍ
Als Antwort auf Imke :FreiburgSocial: • •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ʍ • • •Hast Du eine Idee, was statt Coverblock besser sein könnte?
ɟloʍ
Als Antwort auf Imke :FreiburgSocial: • •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ʍ • • •ɟloʍ
Als Antwort auf Imke :FreiburgSocial: • •@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ʍ • • •ɟloʍ
Als Antwort auf Imke :FreiburgSocial: • •Jonas Zander
Als Antwort auf Imke :FreiburgSocial: • • •Da ist alles beschrieben
https://haurand.com/cover-block-in-wordpress-6-5/
Cover Block in WordPress 6.5
hgg (haurand.com)ɟloʍ mag das.
Imke :FreiburgSocial:
Als Antwort auf Jonas Zander • • •Jonas Zander
Als Antwort auf Imke :FreiburgSocial: • • •Imke :FreiburgSocial:
Als Antwort auf Jonas Zander • • •Jonas Zander
Als Antwort auf Imke :FreiburgSocial: • • •