Wie/wo ändere, mache ich was?

Hauptfarben des Templates

styleshhet.css unter :root {...} ab Zeile 7.

Die Farben sind als Variablen, sogenannte „Custom Properties“ angelegt.

Breite der linken und rechten Seite (Menü- & Content-Bereich)

stylesheet.css unter :root {...}

Werte bei "--left-side-width", "--left-side-width-mobile" und "--wrapper-width"

Wichtig!
Werden diese Werte geändert, sollte man auch die "--editors-area" anpassen, um eine Eins-zu-eins-Darstellung von Content- und Editor-Bereich zu erreichen. Siehe dazu Backend - Breite Editor-Bereich.

Backend - Breite Editor-Bereich

admintemplate.css, Zeile 5.

"--editors-area" (Breite des Editor-Bereiches / Bearbeiten Modus)

Backend - Vorschau

In der adminview.css.

Sprachspezifische Texte

Im Template-Plugin unter Sprache. Mehr dazu hier.

Webseiten-Logo als img, Text oder FA-Icon
Sprachmenü - Darstellung

Im Template-Plugin unter Konfiguration. Mehr dazu hier.

Horizontales Menü (optional), oberhalb des Content-Bereiches

In der stylesheet.css ca. Zeile 666 unter /* Navigation content-section */.
Ändere display: none; zu display: flex;
Das Menü erscheint dann bei einem Viewport < 1025px.

Newsslider

Seitenvorlagen für einen Newsslider mit 4, 3 oder 2 Newsboxen findest du unter dem Link Aktuelles.

Auf diesen Seiten sind auch die Labels zu ändern. Vorsicht beim Löschen der Demo-Labels, ist etwas tricky. Am besten, den neuen Namen erst hinten anfügen und dann den alten Namen löschen.

Die eigentlichen Inhalte findest du in der zugehörigen Newsbox, also News01, News02, usw..

Dieses Akkordeon

CSS-Akkordeon, umgesetzt per :target Selektor.

Aufbau:

<div class="lck_accordion">

<div><a href="#acc-lorem">Lorem ipsum</a>
<div id="acc-lorem">
<p>Lorem ipsum dolor sit amet ...</p>
</div>
</div>

<div><a href="#acc-lorem-two">Lorem ipsum two</a>
<div id="acc-lorem-two">
<p>Lorem ipsum dolor sit amet ...</p>
</div>
</div>

</div>

oder auch:

<div class="lck_accordion">

<div><a href="#acc-01">Lorem ipsum</a>
<div id="acc-01">
<p>Lorem ipsum dolor sit amet ...</p>
</div>
</div>

<div><a href="#acc-02">Lorem ipsum 02</a>
<div id="acc-02">
<p>Lorem ipsum dolor sit amet ...</p>
</div>
</div>

</div>

Es können Buchstaben oder Zahlen bei href und der id verwendet werden. Wichtig ist nur, dass href und id den selben Bezeichner haben und der muss unbedingt mit acc- beginnen.

Layout:
Das kann in der stylesheet.css angepasst werden. Sucht einfach nach „Accordion“.