Intro-Bild nicht anklickbar / via Override möglich?

Wie ein Override bei astroid geht ist bestimmt schon irgendwo beschrieben.

Dein Link wird vom Overlay überlagert, braucht also einen größeren z-index. Und müsste auch ein stretched-link sein damit er übers ganze bild geht.

Warum nimmst du nicht das classic Layout?

Also, "stretched-link" war für mich neu - kannte ich gar nicht.

Hab's (temporär) ausprobiert. Beim Drüberhovern des Bildes erscheint die Hand & der Link funktioniert.

Zitat von WM-Loose

Warum nimmst du nicht das classic Layout?

Ja, dachte ich mir auch, wenn dies leicht einzustellen ist.
Hab erst jetzt Dein Post gesehen, da ich mit dem Bild bzw. im Post, (war nur halb) hängen geblieben war.

Liebe Grüße
Christine

Zitat

Was ist das "Classic"-Layout? Auf was bezieht sich das? Auf Astroid? Wo kann man das umstellen?

Wie baue ich denn ein Override,

Da können dir sicher WM-Loose und Elwood weiterhelfen.

Das stretched-link ist eine Klasse. Such den Link <a href=".."> im Code und ergänzt das so: <a class="stretched-link" href="..." >
lass dir erst zeigen wie du ein override machst, dann können wir ggf. mit dem stretched link helfen.

maxem: Die Antwort aus Guíthub ist eindeutig. Es geht nicht mit Override sondern du musst den Standard verwenden. Da ist nichts einzustellen sondern Standard ist Classic und kein Override.

Zitat von maxem

Ich habe - soweit ich weis - kein Override aktiv für mein Layout- Wie kann ich das sicherstellen, das es auch so ist?

Dein Bild zeigt Overridedateien, die nach dem letzten Update aktualisiert wurden.

Die ganzen Overrides findest du hier im Ordner /dein_template/html:

Soweit ich weiß kann man beim Astroid-Framework bzw. bei dessen Templates nur per Child-Template die im Template bereits vorhandenen Override-Dateien updatesicher ändern. Siehe z.B. auch:

Kategorieblog override

Aber dein Problem wird sich auch mit einem Template-Override wohl nicht lösen.

Weil sich der "Overlay-Text" über bzw. vor das gesammte Bild legt.

Eventuell aber nützlich wäre wohl folgendes CSS:

div.card-img-overlay{    
  position: absolute;
  top: unset;
  right:unset;
  bottom: 0;
  left:  unset;
  margin:var(--bs-card-img-overlay-padding);
  padding:unset;
}

Zitat

Weil sich der "Overlay-Text" über bzw. vor das gesammte Bild legt.

Der Link wird mit z-index hervor geholt.

Ach ja Inhalt der streched-link Klasse:

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

könnte man natürlich alternativ wohl auch verwenden :

div.card-img-overlay  a::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

und ist wohl auch eine bessere Lösung als meine in #12

Warte aber am besten bis Astroid 3.2.2 erscheint:

Schnellzugriff auf custom.css / Astroid 3.2.1 / Template von Joomlaplates

Der nachfolgende Code für die Klasse:

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

brauchst du übrigens nicht im Astroid im Custom-CSS-Bereich eingetragen weil er ohnehin schon vom Bootstrap deiner Joomla!-Website mitgeliefert wird! Diesen Code hatte ich in #14 nur zum besseren Verständnis und zur Erklärung eingetragen.

Es wäre auch schön wenn du deine Lösung auch in deinem Thread auf Github hinzufügen würdest damit auch andere die dort eventuell suchen deine Lösung nutzen könnten:

intro picture not clickable · Issue #1077 · templaza/astroid-framework

i like to make the Intro-Picture of a blogarticle clickable but the switch has no effect.

github.com

Insbesondere da du dort keinen Crosslink hierher erstellt hast.