Astroid Framework - Banner aufteilen

Wer hier in ein paar Wochen liest, stimmen deine «Joomla Version» Angaben nicht.

Bitte die genaue Joomla Version angeben

und einen Link zum Problem.

Zitat von onki

Meine Websites werden aktualisiert mit dem Plesk-Joomla-Toolkit.

Und wenn eine Aktualisierung mal nicht funktioniert?

Zitat von onki

komische Logik,

Nicht jedes Problem ist unbedingt mit jede Joomla Version vorhanden. Vielleicht hast du es auch schon bemerkt.

Für Designfragen immer ein Link zum Problem angeben.

Du musst hier nichts mit css machen. Alle Designfarbben werden in den Template-Optionen festgelegt.

Schau dir doch bitte die Videos bei Joomlaplates an. Die sind ausführlich!

Joomla 4 Templates und Joomla 3 Themes - Joomlaplates

Bei Colors müsste die Einstellung so angezeigt werden (Main, Dropdown...)

Die HG Farben musst du in den Layouts bei der entsprechenden Section hinterlegen.

Hier ist alles erklärt:

https://docs.astroidframe.work/layout-settings/section-settings

Gibt es einen Link zum Problem?

Zitat von onki

Es wäre schön, wenn Header und Menü unterschiedliche Hintergrundfarben hätten.

Setze das in die custom.css:

.px-2 {
  background-color: blueviolet;
}

Farbe nach Gusto anpassen.

Zitat von Elwood

.px-2

Sorry, wenn ich mich einmische, aber diese Klasse ist eine Bootstrap-Core-Klasse für Paddings, die man besser nicht so ändert, weil sie vielfach in der Seite vorkommen könnte.

Moin,

da hat Re:Later recht, damit überschreibst du vor allem alle .px-2 Klassen, die ja auch an anderer Stelle im Template vorkommen.

Ich mache das immer so: Im Layout Manager baue ich mir mein Grid zurecht, wie ich das brauche. Das hast du glaube ich, wenn ich das oben richtig gelesen habe, schon hinbekommen.

In den einzelnen Sections kannst du die Farben der Schrift und Hintergründe einstellen, was aber nicht immer funktioniert (nämlich dann, wenn diese Section über eine andere CSS Regel andere Vorgaben bekommt)

Dann gebe ich der entsprechenden Section ein Layout Custom Class (siehe Screenshot) und in meiner custom.css kann ich dann geziehlt die Werte angeben:

Beispiel:

custom.css:

/*grid*/
.dppromo {
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;

}

Ich hoffe, das hilft dir weiter.

Ich vermute mal ein anderes Problem mit der gesamten Section.

Vermutlich ist das Logo mit im Header (Section) integriert.

In der 'normalen' Installation kann man über das Layout schon den Hintergrund des Menüs ändern:

Das sollte nochmal geprüft werden.

Moin Onki,

Zitat von onki

Das Problem an der ganzen Geschichte ist, das die "Section" um die es geht der Astroid-header ist.

Und genau hier liegt das Problem. Das ist der ganze Block. Ich kann also nur den ganzen Header "einfärben". Also Logo-Bereich oben und Menü unten.

Ich bin mir nicht sicher, ob es sinnvoll ist, nur für das Menü eine extra Sektion einzufügen. Das bringt die Header-Einstellungen im Template sicher durcheinander.

ganz genau, die Header Section ist im Astroid ein besonderes Element:

Dadurch das du über den Template Manager im Backend die Aufteilung von Logo, Menü sowie den Header Block 1 + 2 steuern kannst, hast extrem viele Möglichkeiten.

Du kannst aber natürlich auch alle Elemente mit eigenen Layout Sections entsprechend nachbauen. Hier mal ein Beispiel von einer meiner Kundenseiten:

Home (hebammenpraxisseelenzeit.de)

Hier nutze ich den Header nur für das Menü, das Logo (im Header) blende ich via CSS aus und dadrüber habe ich eine eigene Section mit zwei Modulpositionen für ein Logo und den Kontakttext.

Ich würde auch das Menü immer in der Header Section belassen, weil du dadurch die Mobile Version (HH Menü) entsprechend steuerst.

Aber noch eine Nebenbemerkung: Ich habe früher auch immer versucht, eine Idee von einem Design bzw. Layout so hinzubauen, das meine Vorstellungen vom Template erfüllt werden. Das mache ich heute nicht mehr. Ich gucke immer zuerst, das alle meine (meist der Kunden) Wünsche ohne zusätzliche Erweiterungen, Plugins und Module umgesetzt werden können. Wenn das nicht klappt, schaue ich nach einer alternativen Darstelllungsmöglichkeit.

Und genauso ist es auch mit dem Aufbau des Templates: Hier gilt vor allem, weniger ist mehr. Ein übersichtliche, aufgeräumte Seite, mit 1 oder 2 Eyecatchern wird in 2, 3 oder noch mehr Jahren immer noch genauso gut aussehen und wirken, wie bei der Erstellung.

Viele WP Seiten haben das Problem: Anhand der einfachen Umsetzungen von tausenden Gimmick neigen Entwickler dazu, jeden Effekt, jedes Plugin etc auf der Seite unterbringen zu wollen. Ergebnis: Der Besucher kann die Masse an Informationen gar nicht erfassen, und flüchtet schnell wieder.

Ich zum Beispiel habe eine Zeit lang bei fast jeder Seite den Ken Burns Effekt in die Bilder eingebaut. Bin ich jetzt wieder völlig von ab, und gerade dabei bei 30 Seiten das wieder auszubauen. Man sieht sich daran einfach satt, finde ich.

Nunja, was ich sagen will, du solltest deine Aufteilung von bewegten Bild, daneben dann der Kalender, darüber mit Warnhinweisen, darunter mit Layout Boxen vielleicht nochmal etwas überdenken, und dann löst sich vielleicht auch das Problem mit der Farbe.

Viel Erfolg weiterhin,

deltapapa