Beiträge von Ahnen

Bei neu eingestellten Artikeln funktioniert alles. Warum bei den geänderten nicht, ist mir unklar, aber jetzt bleibt es wie es ist.

Nochmals Dankeschön an alle Helfer.

domeetr

Danke für den Tipp. Der Hersteller hatte vermutlich denselben Gedanken und bietet das Template zweigeteilt an. Einmal das Basistheme und dann das Child-Theme. Die Änderungen finden ausschließlich im Child statt.

Nun habe ich aber nach einem Bilderupload ein neuen Problem. Ich hatte für diese Artieklserie nochmal alle Bilder neu hochgeladen und in den zwei fertigen Artikeln verlinkt.

Jetzt wird ein 350 Pixel hoher Ausschnitt des Bildes angezeigt.

https://silviadiessner.de/2020/08/05/gefallenenfriedhof/

Über erneute Hilfe würde ich mich freuen.

basti1012

Das hat leider nicht funktioniert.

Deine erste Codezeile wird in meinem Editor rot angezeigt und die Bildgröße ist unverändert.

Außerdem wird scheinbar eine andere Einstellung überschrieben. Der grüne Balken im Menü ist dann grau und die Links blau statt wie bisher fett grün.

Nachtrag:

Es geht!!

Ich muss die Codezeilen nur als benutzerdefiniertes css eintragen statt direkt in der style.css.

Dankeschön!!

tk1234

Gestern war Freitag, also keine Antwort vor Montag.

Wenn ich meine Frage in einem Forum poste, lerne ich vielleicht nebenbei noch was.

Aber jetzt klappt es doch. Den zusätzlichen Code unten angefügt und auf der Startseite ist das Bild nur noch 350 Pixel hoch. Sieht gut aus. Allerdings wird es im Artikel selbst immer noch verzerrt und viel zu groß dargestellt, siehe https://silviadiessner.de/2020/08/05/gefallenenfriedhof/

Gibt es eine Möglichkeit auch das zu ändern? Wäre schön.

basti1012

Nein, ich weiß nicht, dass eine Klammer fehlt. Ich kenne die Syntax einer style.css nicht.

Im Editor sieht es allerdings fehlerfrei aus. Auch ohne Klammer ist keine Zeile rot, siehe Anhang.

Danke und Grüße

basti1012

Eher nicht. Es ist wie gesagt ein fertig gekauftes Wordpress-Template.

tk1234

Dann fällt die Blütezeit von Phase5 mit meiner zusammen.

Der hier gepostete Code IST vom Hersteller. Code 1 ist das Ursprungs-css und auf Nachfrage erhielt ich den Schnipsel 2 als Ergänzung mit dem Hinweis diesen (Wo?) in Code 1 einzufügen. Dann sollte es funktionieren. Am Ende einfügen habe ich bereits versucht. Das hatte keine Auswirkungen. Auch nicht bei gelöschtem Cache.

Zu der leeren css-Datei: Es gibt vermutlich zwei davon. Einmal habe ich ein sogenanntes Basis-Template und dann mein eigentliches Template. Die css vom zweiten Template kann ich über den Editor in Wordpress bearbeiten. Code 1 ist die vollständige css.

Hallo tk1234,

Danke für Deine Antwort.

Phase5 kenne ich noch aus der Zeit, in der ich mich gelegentlich mit Programmierung beschäftigt habe. Ist aber lange her. Ich probiere auch gern ein vergleichbares kostenloses Programm aus. Nur sollte es für ahnungslose Gelegenheitsnutzer geeigenet sein.

An welcher Stelle muss ich denn den Code einfügen? Dass es die falsche Stelle war (mehrere Zeilen ausprobiert), habe ich gemerkt, weil mein Online-Editor in Wordpress "gemeckert" hat (also rote Codezeilen).

Generell zu meinem css: Ich nutze ein gekauftes Template für Wordpress. Wie gut oder schlecht das programmiert ist, kann ich nicht beurteilen. Bisher hat alles funktioniert. Nur eben mit der Bildhöhe gibt es Anpassungsbedarf.

Grüße

Silvia

Hallo,

ich möchte gern in meinem Wordpress-Blog die Höhe des Artikelbildes auf 350 Pixel begrenzen.

Da ich von Webseitenerstellung nur sehr wenig verstehe, habe ich anderweitig um Rat gefragt und den Tipp bekommen, den Code Nr. 2 in das vorhandenen css (Nr.1) einzufügen.

Leider war das erfolglos.

Rahmenbedingungen
Browser & Betriebssystem: Firefox, Windows10

Editor: Phase5

Problembeschreibung

Fehlermeldung/-beschreibung: keine Fehlermeldung

bisherige Lösungsversuche: falsche Stelle des Zusatzcodes?

Code Nr. 1

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
background-image: linear-gradient(
   hsla(0,0%,0%,0) 20%,
   hsl(0,0%,0%) 90%
);
}
.et_pb_widget_area_left {
    border-right-width: 0;
}
.sub-menu {min-width:300px;}
#top-menu li li a {width: 300px;}

Der zusätzlich einzufügende Code Nr.2

.et_pb_blog_0 .et_pb_post .entry-featured-image-url img{
    max-height: 350px !important;
    width: auto !important;

Mit dem vorhandenen css wird das Bild sogar noch vergrößert bzw. verzerrt. Das ist unschön.

Siehe meine aktuelle Seite: https://silviadiessner.de/

Über Hilfe würde ich mich freuen.

Grüße

Silvia