Anpassung CSS
Kleinere Anpassungen
Der CSS-Code des Standard-Themes stockholm weist - zumindest aus meiner Sicht einige Schwächen auf. Gleiches gilt auch für den CSS-Code einiger Feature Extensions. Ich habe daher alle meine Anpassungen in eine gesonderte CSS-Datei gesteckt. Diese sieht zurzeit so aus:
/* zcustom.css */
/* Überschreiben von Standardeinstellungen */
body {
color: #414141!important;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.content blockquote {
border-left: .5em solid #1468b0!important;
}
/* Korrektur imgpop-CSS */
.content img {
float:none!important;
}
.content .stretchable ul {
text-align: initial!important;
}
.preview-description {
font-weight: 400;
font-size: 14px;
}
Bei der Anwendung zusätzlicher CSS-Codestücke ist zu beachten, dass das Yellow CMS
- CSS- und JavaScript-Code aus Feature Extensions in alphabetischer Reihenfolge einfügt.
- die CSS-Datei des Themes immer ganz zum Schluss eingefügt wird.
daher muss der eigene CSS-Code teilweise mit !important
markiert werden.
Probleme bei kleinen Bildschirmen
Test im Desktop-Firefox mit Testmodus
Bei Samsung Galaxy S5 640*360 (Hochformat)
- ist die Sidebar verschunden
- werden beim Preview-Addon zwei Bilder nebeneinander angezeigt
- werden von der Galerie zwei Bilder nebeneinander angezeigt
Bei Samsung Galaxy S5 640*360 (Querformat)
- wird die Sidebar angezeigt
- werden beim Preview-Addon zwei Bilder nebeneinander angezeigt
- werden von der Galerie zwei Bilder nebeneinander angezeigt