Reihenfolge Elemente (Datum, Linie, Überschrift)

[Samuel4th]

Hallo liebe Gemeinde,

ich baue gerade eine Homepage und nutze das Phoca Gästebuch 5.0.0 auf einer Joomla 5.3.0 Installation.
Als Template habe ich Helix.

Leider ist die Reihenfolge der Elemente im Phoca Gästebuch (Datum, Linie, Überschrift) etwas doof.
Das Datum zum Post kommt erst nach der Trennlinie.

Ich hätte gerne das Datum oberhalb der Überschrift.

Kann mir jemand sagen wie ich das hinbekomme?

Gruß Samu

[christine]

Hallo Samu,

Hab da einen (älteren) Thread dazu gefunden. Vielleicht hilft dieser in Moment (Template Override bzw. CSSen) und ist auch jetzt ev. anwendbar.
https://forum.joomla.de/thread/19355-ph ... post139391

Liebe Grüße
Christine

[Samuel4th]

Hi Christine,

erst mal Danke für deine Hilfe!

wenn ich das richtig verstehe, muss man per margin oder padding etwas verschieben damit es passt.
würde ich die php-Ausgabe anpassen, wäre sie beim nächsten Update futsch?

Hab leider sehr viele Hobbys und Baustellen (Hausrenovierung, Fahrrad, Motorrad, Computerhilfe usw...)
Daher schaffe ich es nicht, mich in Joomla wirklich tief einzuarbeiten.

Kannst du mir eventuell etwas helfen?
Was soll ich wo ändern?

Gruß Samu

[Samuel4th]

ok habe es gefunden :-)
ja mit dem custom code sieht es wesentlich besser aus

.pgwell {
border: 2px solid #ddd;
margin: 20px 0;
padding: 10px 5px 1px;
}

hr.pgb_border.hr-condensed {
display: block;
width:180px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0;
border-style: inset;
border-width: 1px;
}

.pgb_thi_font {
margin-top: 0px;
margin-left: 10px;

}

[christine]

wenn ich das richtig verstehe, muss man per margin oder padding etwas verschieben damit es passt.

Na ja, müssen nicht, aber man kann schon viel mit CSS da machen.

würde ich die php-Ausgabe anpassen, wäre sie beim nächsten Update futsch?

Nicht, wenn Du ein Template Override machst. (Siehe Beispiel im anderen Thread).

Hab leider sehr viele Hobbys und Baustellen (Hausrenovierung, Fahrrad, Motorrad, Computerhilfe usw...)
Daher schaffe ich es nicht, mich in Joomla wirklich tief einzuarbeiten.

Verstehe das natürlich

[christine]

ok habe es gefunden
ja mit dem custom code sieht es wesentlich besser aus

Code: Select all

.pgwell  {
  border: 2px solid #ddd;
  margin: 20px 0;
  padding: 10px 5px 1px;
}

hr.pgb_border.hr-condensed {
  display: block;
  width:180px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0;
  border-style: inset;
  border-width: 1px;
}

.pgb_thi_font {
    margin-top: 0px;
    margin-left: 10px;

}

Wenn es Dir jetzt so passt (?) ist es ja gut

Auch auf die mobile Version achten. Und natürlich: Änderungen in Deine custom.css geben.

Liebe Grüße
Christine