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 !importantmarkiert 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