{:de}Ich habe vor einiger Zeit ein Problem gehabt, als ich mit dem WordPress- Theme Stack eine Website für einen Klienten gebaut habe. Die Website wurde mit dem Variant Page-Builder gebaut. Natürlich habe ich sie vorgebaut auf einem anderen Server und dann auf den Live – Server umgezogen. Alles hat nach dem Serverumzug funktioniert (schaue hier nach, was du bei einem Serverumzug mit WordPress beachten musst). Außer die Tatsache, dass alles total sch***ön aussah. Also so, als hätte man den Text und Bilder einfach nur ausgegeben ohne irgendeine Formatierung.

Stack CSS Error gelöst

Die Lösung ist, dass das WP Theme Stack eine Theme- CSS Datei anlegt. Diese ist anscheinend spezifisch auf dem Server. Bei einem Serverumzug wird diese zwar migriert, aber Stack legt auf dem neuen Server eine neue CSS Datei an, wenn man mit dem Variant Page Builder baut. Doch die Konsole verrät: Stack versucht auf eine nichtvorhandene Datei zuzugreifen, die in einem Verzeichnis recht tief liegt. (die Konsole kannst du in z.B. Chrome mit Rechtsklick auf ein Element -> “untersuchen” und dann öffnet sich rechts ein Seitenfenster und dieses ziehst du an der Seite groß und gehst auf “Console”. Dort ist der Error rot markiert.)

Konkret: wp-content / uploads / wp-less / stack / style / css / “theme-[….].css”

Diese “theme-[….].css” Datei fehlt. Der Trick besteht darin, auf dem alten Server zu gucken, welche dieser anderen in dem Ordner liegenden Dateien am größten oder am neuesten ist. Diese muss dann umbenannt werden in die Datei, die in der Konsole als fehlend angezeigt wird. Ist die Datei auf dem aktuellen Server umbenannt (alternativ kannst du auch eine Kopie der “wichtigen, alten” CSS Datei machen und diese dann umbenennen).

Ich konnte leider den Fehler nicht nochmal nachstellen. Falls er wieder auftritt mache ich ein Screenshot von der Konsole. Dort wird die Datei angezeigt, die Stack vermisst. Diese ersetzt du dann mit der anderen aktuellsten Datei. Dann sollte deine Seite wieder gut aussehen und das Stack CSS Problem ist gelöst.

Hat dir dieses Tutorial geholfen oder hast du weitere Fragen? Dann lasse gerne ein Kommentar da ;). Ich wünschte, ich hätte dieses Trick gewusst, da er mir einige Stunden mit Googlen gekostet hat. Ich gebe zu, es ist nicht perfekt, aber es löst das Stack CSS Problem effektiv.

Wünsche einen schönen und erfolgreichen Tag.{:}{:en}I recently had a problem with my WordPress-theme Stack. I build the website with the variant Page builder and after the server migration and the usual adjustments, that needs to be done in a wordpress server migration, it didn’t worked. The whole site looks completely raw without any styling.

Solution of the Stack CSS Problem

The Worpress theme stack creates a CSS file in a specific directory. This directory is copied, but stack doesn’t use this file any more. Stack searches for a new file. The trick is to rename the file that was used one the old server at last. Probably in this directory there are more than one CSS file. You can spot the current file if you look to the changing date or the biggest CSS file. This file must be the current used file.

File Directory: wp-content / uploads / wp-less / stack / style / css / “theme-[….].css”

Now you go to the live server and check out the console. It throws an error, that a the “theme-[…].css” file is missing. You replace or rename the “correct” file, that you spotted on the old server and name it according the missing file. After that, it should work again.

Do you find that instruction helpful or you have further questions? Than please leave a comment down below. Have a nice day.{:}