Neu NOVA Template Theme mit komplett schwarzem Hintergrund - wie ansetzen?

[John]

Moin,

ich bin leider echt nicht superfit im Bereich Templates, muß aber ein Nova auf schwarzen Hintergrund bekommen, weil für den bisherigen 4er Shop Fotos auf schwarzem/dunklem Hintergrund gemacht wurde und das mit einem normalen weißen Nova einfach nicht gut aussieht.

Hat jemand ein paar Tips und vielleicht CSS für mich? Von JTL gibts nichts fertiges. Schade.

Bisher habe ich die Primary auf ein Rot geändert und dann angefangen, eine Custom.css zu bauen. Insbesondere bei der Produktgallerie in der Kategorieansicht hänge ich fest. Irgendwie finde ich nicht die richtigen Selektoren.

Viele Grüße

john

 

[css-umsetzung]

Es ist gar nicht so einfach das Nova vernünftig auf Schwarz zu bringen, das dark template von JTL ist nur halbherzig umgesetzt, du musst da auf sehr viele Sachen, weil auch die Dropdowns, links und viele andere Farben angepasst werden müssen.
Ich habe das für zwei Shops gemacht und hatte so richtig spaß dabei.

https://bit.ly/3zjmC5p
https://bit.ly/3Br5XPS

 

[John]

@css-umsetzung lustig, dir sind die gleichen Fettnäpchen, die JTL verzapft hat wie mir passiert: Schau Dir mal das Eingabefeld für die Stadt in einem beliebigen Formular an.

JTL hat da hard im html gestyled:

<input type="text" class="form-control city_input typeahead tt-input" placeholder="Ort" id="city" required="" value="" name="ort" autocomplete="off" aria-label="Ort" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">

Was soll das? Und wieso wird das nur für das Feld der Stadt so gemacht?

 

[css-umsetzung]

Stimmt, das nennt man wohl Betriebsblindheit.
Da hat JTL extra das label entfernt und lässt es über den normalen Placeholder laufen, vermutlich weil es ja an eine Ajax Funktion angebunden ist.
fällt einem auf den ersten Blick gar nicht auf.

Danke für den Hinweis.
Das Template auf schwarz zu setzen ist echt nicht einfach...