Die Verwendung des Vorschau-Buttons im Backend von Joomla! liefert oft unrealistische Ergebnisse.

Das liegt daran, dass die Stylesheets des Templates nicht eingebunden werden. Um die Templates Ihrer Seite bei der Vorschau zu berücksichtigen, können Sie diese explizit einbinden. Öffnen Sie dazu die Datei
<root>/administrator/templates/khepri/component.php und fügen Sie dort die entsprechenden Links folgendermaßen ein:

<link href="/templates/<name_ihres_templates>/css/template.css"
rel="stylesheet" type="text/css" />

Wenn Ihr Template zusätzliche css-Dateien verwendet, können Sie diese ebenfalls an dieser Stelle einbinden.