Anpassung des Cassiopeia-Templates

t-l · 9. Oktober 2021

Hallo,

nachdem meine Seite https://tsv1880ruedersdorf.de/140-22/index.php mit joomla 4 zum Laufen gebracht werden konnte, würde ich nun gerne ein paar Änderungen am Template Cassiopeia vornehmen, die dann der folgenden Seite etwas näher kommt.

http://140-jahre-tsv.de/

Im Detail:

- Breite des Module links und rechts verkleinern

- bzw. Hauptbeitragsbereich in der Mitte vergrößern/verkleinern

- Farbbalken über die gesamte Breite beim Hauptsponsor

- Hintergrundfarbe des Menüs ändern

- Hintergrundfarbe unten bei Login ändern (z.B. in weiß)

Danke. Grüße Tino

Stef · 9. Oktober 2021

Hallo,

Vielleicht so:

RE: "Home" im Menü und Hauptbeitrag lässt sich nicht verbergen

EDIT: Beitrag wurde von t-l gelöscht !!!

t-l · 10. Oktober 2021

Guten Morgen, Danke. Hatte das zwischenzeitlich gefunden...

Hat jemand eine Lösung für die weiteren Einstellungen zu den Breiten der Module/Bereiche und den Farben?

Grüße Tino

LukasHH · 10. Oktober 2021

lege eine user.css in dem CSS-Verzeichnis Deines Templates ab. In der kannst Du einige Styles überschreiben.
templates/cassiopeia/css/user.css

Welche Farben Du verwenden möchtest, dass musst Du natürlich selbst ermiteln. Das alte Template verwendet Bilder im Hintergrund und keine definierten Farben.

CSS

/*Hintergrund beim Hauptsponsor*/
#mod-custom123
{
    background-color: red;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

/*Hintergrund Menü*/
.container-header
{
    background-color: #A0522D;
    background-image: unset;
}

Alles anzeigen

Bei den Breiten von den sidebars wird es schon etwas komplizierter, da hier mit grid-areas gearbeitet wird. Wie das im Detail funktioniert und was man hier wie anpassen kann, das muss ich mir selbst auch erst noch anschauen.

Lui_brempt · 10. Oktober 2021

Die hier auch supportende Astrid hat auf ihrer Seite zu Cassiopeia einiges geschrieben siehe https://blog.astrid-guenther.d…%20cassiopeia-und-joomla4 und weitere Artikel dort

t-l · 10. Oktober 2021

Hallo, Danke. Mit der Änderung der Modulbreite bin ich nicht weiter vorangekommen.

Habe jetzt ein Problem mit dem Menü. Habe ein Menüpunkt "Mini-EM 2022", darunter sollen sich 2 weitere Menü-Einträge öffnen. Leider werden diese Einträge nicht angezeigt, sehe aber nicht, worin der Fehler liegt. In dem Beispiel-Menü des Templates (Main-Menü-Blog) funktioniert es...

https://tsv1880ruedersdorf.de/140-22/index.php

Woran scheitert es bei mir? Grüße Tino

JoomlaWunder · 10. Oktober 2021

Zitat von t-l

Habe jetzt ein Problem mit dem Menü. Habe ein Menüpunkt "Mini-EM 2022", darunter sollen sich 2 weitere Menü-Einträge öffnen. Leider werden diese Einträge nicht angezeigt, sehe aber nicht, worin der Fehler liegt.

Stelle im Menü-Modul im Tab "Erweitert" das Layout auf "Dropdown" oder "Collapsible Dropdown", sofern es in der mobilen Version dann als "Hamburger Menü" angezeigt werden soll!

Und "Modul-Tag" am besten auf "nav"!

Und hast du es auf der Positon "menu" liegen?

t-l · 10. Oktober 2021

Zitat von JoomlaWunder

Stelle im Menü-Modul im Tab "Erweitert" das Layout auf "Dropdown" oder "Collapsible Dropdown", sofern es in der mobilen Version dann als "Hamburger Menü" angezeigt werden soll!

Danke. Im Menü-Modul schauen, da hätte ich auch selbst darauf kommen können...

Unbeannterweise, Hallo Astrid,

könntest Du bei der Frage der Einstellungsmöglichkeit der Modulbreite weiterhelfen?

Grüße Tino