Banner einfügen

  • koala150

    (@koala150)


    vor 2 Tagen, 12 Stunden

    Hallo Leute,

    ich möchte gern auf einer neuen Seite über der Hauptüberschrift ein Banner einfügen. Man kann in der seitenleiste und Reiter Seite ein Beitragsbild einfügen. das ist aber nicht skalierbar. Der Bereich wird immer gleich ausgefüllt, egal wie groß das Bild ist. Der Bereich ist insgesamt viel zu groß für ein Banner. Ich hätte das Bild gern als ganz schmales Banner, habe schon mit verschiedenen Zuschnitten des Bildes, Größen und Pixeln probiert, der Bereich für das Bleitragsbild bleibt immer gleich groß.

    Ich hab mal eine Testseite veröffentlicht (s. o.), da wird das Problem vlt. besser sichtbar. Das Bild mit meinem Kenzeichen ist viel zu hoch und zu mächtig. Das Kennzeichen soll viel schmaler sein braucht auch nicht vom rechten bis linken Bildrand reichen. Es einfacher schmaler zuzuschneiden bringt nix, denn der Bereich für das Beitragsbild wird immer automatisch ausgefüllt, was dazu führt, dass die Ränder rechts und links dann abgeschnitten werden und das Bild unscharf wird.

    Hat jemand eine Idee, wie man das lösen kann?

    Danke,
    sven

    • Dieses Thema wurde vor 2 Tagen, 11 Stunden von koala150 geändert.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Tagen, 12 Stunden

    Hallo,
    schade, da können wir wohl kaum helfen:
    Hier fehlen leider sämtliche Angaben, die wir benötigen, um das zu analysieren: keine URL (https://de.wordpress.org/support/topic/warum-ein-link-zu-deiner-website-wichtig-ist/) und kein Website-Bericht: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Moderator La Geek

    (@la-geek)

    vor 2 Tagen, 11 Stunden

    .site-content .ast-single-post-featured-section img {
    object-fit: contain;
}

.ast-single-post-featured-section.post-thumb img {
    width: 200px;
    height: auto;
}

    Die 200px Breite kannst du wie gewünscht anspassen. Dieser Code wird aber in allen Beiträgen wirken. Soll das nur auf einer speziellen Seite sein, muss man die entsprechende Seite bzw. den Beitrag sehen.

    CSS-Code kann man
    1.) Wenn kein Child-Theme vorhanden ist
    im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende in einer neuen Zeile) einfügen.

    Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:

    /wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.

    2.) Wenn du ein Child-Theme verwendest,
    dann trage stattdessen den CSS-Code in die Datei style.css ganz ans Ende in einer neuen Zeile ein.

    Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.

    Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

Du musst angemeldet sein, um auf dieses Thema zu antworten.