Hallo Wie ändere ich die Farbe für den Container auf der Startseite. In StyleEdit kann ich ja nur global die Farbe des Containers ändern. Sicherlich über ein Custom CSS. Wie wäre hier der Code? Danke vorab.
Hallo, eine schnellere Möglichkeit wäre, im -> Content-Manager -> Index* eine Tabelle anzulegen (1 Zeile, 1 Spalte, jeweils Höhe/Breite 100%, keine Rahmen, Abstände 0) und ein kleines CSS einzufügen: <style type="text/css">table{background-color: silver;}</style> 'silver' steht hier als Beispiel-Farbe. Das alles in der "Quellcode"-Ansicht und ganz am Anfang, also vor allem vor <table .... Die Inhalte, Texte etc. kommen dann alle in dieses Tabelle - also in der Wysiwyg-Darstellung. Da nur eine Zeile/Spalte vorhanden ist, wird der gesamte Content ausgefüllt (durch die 100%).
... oder Du machst eine Unterklasse zum <p>-Tag (damit das nicht mit dem Rest des CSS durcheinander kommt) und hast so einen eigenen Hintergrund für den Indextext zwischen den <p>-Tags. Beispiel (wie oben, aber 2. Definition): <style type="text/css"> p.index {background-color: yellow;} table{background-color: silver;} </style> <p class="index">hier stehen Texte, Bilder und all so was .... </p> Der Klassenname ist weitgehend frei, sollte natürlich nicht mit bereits definierten Klassen kollidieren. Meinetwegen also auch p.myclasshartmut .... und dann <p class="myclasshartmut">Text, Text, Text ...</p>
Hallo Vielen Dank für den Tipp. Leider ist das nicht die Lösung für den gesamten Container. Dein Ansatz bezieht sich nur auf den Bereich der "index". Ich möchte den kompletten Hintergrund des Container ändern. Also inkl. Artikellistings, index, index mitte, index unten, ... Gruß
Das aber geht im StyleEdit3 .... -> Allgemein aufklappen nach unten scrollen, weit ... -> Hintergrund -> Hintergrundfarbe des Containers und da eine Farbe auswählen. Nun ist alles zwischen Header und Footer in der gewählten Farbe.
Ja, aber auch auf allen anderen Seiten. Wie ich ja geschrieben habe, bezieht sich mein Änderungswunsch nur auf die Startseite
Das ist dann ein Mißverständis. Der "gesamte Container" - wie Du das schreibst, ist halt der Teil zwischen Header und Footer. Da kommen alle anderen Inhalte rein. Eben auf allen Seiten. Sollen nur die Boxen, die auf der Startseite stehen, die Hintergrundfarbe haben, dann allen diesen Boxen nach dem ersten Verfahren die Hintergrundfarbe geben. Und die gesamte Breite. Falls die Boxen Rahmen haben, dann diese auf 0 stellen, damit sich keine Abstände ergeben. Das ist da leider mein "letzter Gedanke"
Man könnte folgendes tun: - kopier dir die templates/Honeygrid/index.html und nenne sie index-USERMOD.html - in der USERMOD fügst du dann folgendes ein: HTML: {if ""|detect_page == "Index"} <style type="text/css"> {literal} #wrapper { background-color: deinFarbwert; } {/literal} </style> {/if} Am besten, dass das dann so aussieht: HTML: {load_language_text section="index"}{$HEAD} {if $smarty.const.SHOP_OFFLINE} {html_shop_offline} {else} {$POPUP_NOTIFICATION} {if ""|detect_page == "Index"} <style type="text/css"> {literal} #wrapper { background-color: deinFarbwert; } {/literal} </style> {/if} Danach dann einmal den Seitencache des Shops leeren. Das ist keine mega schöne Lösung aber sie ist erstmal updatesicher und dürfte ohne Probleme funktionieren.