Template Mate {{theme::content::MATE01/04}}
Hallo und guten Abend,
beim Template Mate möchte ich gerne das Logo im Header auf eine andere Seite als .../mate.html verlinken.
Alles was ich zur Einstellung des Logos finde ist "{{theme::content::MATE01/04}}".
Also ich finde keine Inhaltselement, das ich entsprechend verlinken könnte. Die Grafik kann ich hochladen aber leider nicht verlinken.
Ich habe schon den Beitrag zum html Code bzgl des Logos gelesen. Aber ich kann das Logo ja nicht expliziet deffinieren.
Kann mir jemand sagen was {{theme::content::MATE01/04}} bedeutet und wo ich suchen muss, damit ich dort vielleicht einen Link ändern kann?
hat sich da inzwischen (4.9.2) was geändert...?
weil bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5
finde ich nur:
mate_theme_contao_demo_4.4.x-installtool.sql (1,2 MiB)
mate_theme_contao_demo_4.4.x-minimal-installtool.sql (954,0 KiB)
mate_theme_contao_demo_4.9.x-installtool.sql (1,2 MiB)
mate_theme_contao_demo_4.9.x-minimal-installtool.sql (1,3 MiB)
ich will zwar keinen link ändern, dafür möchte ich aber dem logo beibringen, dass es die größe proportional verändert oder meinetwegen auch eine fixe größe hat, alldings OHNE dass ich ein kleines logo erstellen/hochladen muss... ...ich weiß, ich weiß, oder auch nicht, dass ich das im artikel "mate elements - header - logo" einstellen kann, aber ich scheine zu blöd dafür...
es handelt sich um https://bouldershirts.org
das erste logo past noch einigermaßen, wobei sich aufm handy die navigation drüber schiebt...
...und das weiße logo beim runterscrollen passt gar nicht...
habe contao 4.9.2
und imho alles versucht, was an einstellungen einzustellen war...
...
also ich habe jetzt zwei fragen:
1.) was genau muss ich im artikel einstellen damit es funzt...?
2.) angenommen ich wollte mod_mate_navbar.html5 bearbeiten, wo finde ich das in contao 4.9.2...?
Das gleiche Problem mit den templates im Mate-Theme
Also ich habe auhc diese etwas kryptisch anmutenden Verweise. theme::content::MATE01/04}}
1. Frage ich mich, wo bekomme ich raus, WASS genau dahinter steckt hinter "content::MATE01/04"?
Aus älteren Zeiten, kenne ich noch die Verweise auf ID´s.. aber das hier.. scheint eine Variable zu sein.. nur finde ich die nicht.
2. Im Backend, wie hier mehrfach einfach verwiesen wurde.. "bei "Layout" > "Templates": Erstelle dort eine Kopie des Templates mod_mate_navbar.html5 " besteht für mich die Frage..
WOHER bekomme ich denn die Datei zum kopieren??
Denn angezeigt wird sie dort nicht.... sondern nur die SQL-Dateien.
Achso.. ich nutze die neuste (stand Heute).. stable Version von Contao.. und auch vom Mate. Alles eben erst neu installiert. Lief soweit recht gut und Problemlos.
Wenn man hier dateien sucht, dann NUR übers Backend?
oder über FTP.. und wenn FTP, dann auf welcher Ebene.. oberhalb von /web, oder darunter.. Vendor?
Liste der Anhänge anzeigen (Anzahl: 3)
Template gefunden.. aber da fehlt mir imme rnoch was an "content::mate04/01"
Wow.. habe es nun gefunden.. wie das mit dem template gemeint war.
Für jemanden, der öfter damit arbeitet wahrscheinlich sooo normal... aber für jemand, der es noch nie gemacht hat.
Hier mal das was ich so gefunden habe.. und mir bei dem Hinweis fehlte.
Anhang 23745
Anhang 23746
Anhang 23747
Ich hoffe damit ist es auch Anfängern verständlich
Liste der Anhänge anzeigen (Anzahl: 2)
Ich hatte es fast vermutet.. dabei habe ich nicht soo viel Auswahl..
1. woran liegt das? und
2. wo könnte ich es eventuell ändern?
Anhang 23749
Anhang 23750
Den Punkt "probleme habe ich schon gesehen.. bringt mich zunächst aber nicht weiter...
Wie gesagt.. habe früher mal vor 6 jahren.. mit Contao gearbeitet... aber bisher nie mit templates.. hatte alles selber gemacht .. herkömlich mit normalem CSS.
Das mit SASS usw. kam erst als ich schon aufgehört habe. Wobei ich weiß, das ist kein problem wegen SASS.
Liste der Anhänge anzeigen (Anzahl: 3)
Headerbild anpassen..
Ich habe es jetzt anders gemacht.. und so bekomme ich es jetzt hin.. will aber noch mehr optimieren.
Anhang 23751
Ich würde gerne den KPL: weißen Rand nutzen in der Höhe... über das, was dort vorgesehen ist...
In CSS würde ich was sagen in Richtung "Floating". oder so.. habe vieles vergessen, wie es genau geht.
Dabei ist dann die Frage .. Wo genau muss ich das rein bingen, damit die Vorgaben für das 1 Bild überschrieben/geändert werden.. aber der rest so bleibt wie er soll.
Denn das 2. Bild passt ja.
Anhang 23752
und wie ich gerade sehe.. in der Handyversion.. passt es zwar in der Höhe.. aber rechts und Links wird was abgeschnitten.. hmm.. da suche ich bestimmt in der media-Query?
Anhang 23753
Liste der Anhänge anzeigen (Anzahl: 1)
Warum verwendest Du das picture-Element? Das brauchst Du doch nur, wenn Du wirklich das Motiv verändern willst (Art Direction) https://blog.kulturbanause.de/2014/0...izes-adaptive/.
Dürfte soweit ich mich erinnere auch mit der Implementierung der Bildgrößen in Contao nicht möglich sein.
Mir sieht das sehr stark nach einem angepasstem Template aus.
Im Original kannst Du auf jeden Fall durch entfernen der Abstände (innen und außen) bei figure bzw. img dafür sorgen, dass das Logo die Gesamthöhe ausfüllt.
Dein Logo hat eine Höhe von 92px und eine Breite von 297px und in dieser Größe wird es auch angezeigt.
Übrigens so halbwegs normal sieht die Seite nur in Firefox aus. Im Chrome (und wahrscheinlich auch in allen anderen Webkit basierten Browsern) haben wir dann dieses Bild:
Anhang 23754
Grundsätzlich ist die Anpassungen von Themes nach meiner Erfahrung in den meisten Fällen nicht trivial, wenn man über die Anpassungen hinausgeht, die der Themeersteller vorsieht.
In Deinem Fall sollte eigentlich der einfache Austausch des Logos ggf. mit ein paar CSS-Anpassungen zielführender sein.
Liste der Anhänge anzeigen (Anzahl: 2)
Mate Theme/SCSS in etwa anpassen an vorhandene Seite
Zitat:
Zitat von
mlweb
Warum verwendest Du das picture-Element? Das brauchst Du doch nur, wenn Du wirklich das Motiv verändern willst (Art Direction)
https://blog.kulturbanause.de/2014/0...izes-adaptive/.
Dürfte soweit ich mich erinnere auch mit der Implementierung der Bildgrößen in Contao nicht möglich sein.
Mir sieht das sehr stark nach einem angepasstem Template aus.
Im Original kannst Du auf jeden Fall durch entfernen der Abstände (innen und außen) bei figure bzw. img dafür sorgen, dass das Logo die Gesamthöhe ausfüllt.
Dein Logo hat eine Höhe von 92px und eine Breite von 297px und in dieser Größe wird es auch angezeigt.
Grundsätzlich ist die Anpassungen von Themes nach meiner Erfahrung in den meisten Fällen nicht trivial, wenn man über die Anpassungen hinausgeht, die der Themeersteller vorsieht.
In Deinem Fall sollte eigentlich der einfache Austausch des Logos ggf. mit ein paar CSS-Anpassungen zielführender sein.
ES ist derzeit KEIN angepastes Template.. so gut bin ich leider nicht.
Das mit dem Logo.. ist ja das Problem... es wird NICHT so einfach dargestellt.. sondern halt abgeschnitten (zumindest, was ich in Firefox und Chrome sehen kann auf dem PC.
Genau bei den CSS Anpassungen, da schaue ich ja noch, ob und wie ich das machen kann.
Die eigentliche original-Seite ist diese hier https://023-hausverwaltung.de diese ist in WIX gemacht und hat technisch gesehen einige Nachteile.
So z.B. das WIX keine .de-Domains verwalten kann, so dass ich den Umweg bei allinkl.com mit einer dauerhafte Domainumleitung machen musste.
Es sind aber auch noch einige weitere Unzulänglichkeiten mit und durch WIX.. so dass ich mich dazu entschlossen habe, die Seite für jemand neu in Contao zu machen.
Natürlich soll sie wenigstens halbwegs ähnlich aussehen. Daher die Entscheidung für das Mate-Theme. Sollte ich es in etwa hin bekommen, wäre auch eine bezahlte Version für 100€ nicht das Thema... doch erst mal soll es halbwegs laufen und nicht ZU VIELE krücken enthalten.
Das mit dem IMG vom Logo:
Ich möchte einfach, den derzeti vorhandenen PLatz von diesen eh schon vorhandenen Balken halt einfach zu 95% ausnutzen, was JETZT nicht gemacht wird.
Denn aus irgendeinem Grund gibt es da immer noch ein Padding, was ich nicht weg bekomme und ich finde die Stelle nicht, wo es her kommt (um es dann zu ändern).
Eine andere Möglichkeit wäre ja mit "!important" das per CSS zu überschreiben.. hmm, mal schauen wie ich das eventuell rein bekomme.
Damit folgendes dabei raus kommt.. vielleicht ist es dann verständlicher, was und warum ich es will.
Anhang 23758
Dazu sei noch angemerkt.. ich habe keine Höhe von 92 angegeben!!
Anhang 23759
Das ist ja mein Problem... warum wird es auf 92 beschnitten?
Liste der Anhänge anzeigen (Anzahl: 2)
Padding im Quelltext gefunden.. aaaber.
Jetzt habe ich folgendes gefunden..
Anhang 23760
Wenn ich es im Inspector live auf der Site mal temporär ändere, sieht es so aus... DAS wäre ja schon mal was... so will ich es haben..
Anhang 23761
Ich sehe auch den Dateinamen "mate.scss-.....css:8" aber wo auf dem WEB-Space finde ich die..
Einbindung Custom.css ins Mate-Thema?
Jetzt habe ich folgendes in die custom.css eingegeben.. und dennoch ändert sich nix...
/****
**** Individelle Styles und andere Elemente
****
*/
#header .brand-logo .ce_image:not(.fixed-nav) img {
padding: 0 !important;
}
Habe ich noch was übersehen?
Muss ich irgendwo noch sagen, dass das custom.css auch genutzt werden soll, oder geht das automatisch?