Design Clean Probleme

kleine Probleme im Design Clean beseitigen:

Im Quellcode des Designs stehen einige Eigenschaften, die beim gestalten Probleme bereiten könnten.
Folgende CSS-Codes solltet Ihr bitte bei Euch mit einfügen.

Arbeitet man mit <h2> Titel </h2> .... bekommen diese einen Schatten.
Um das zu vermeiden, fügen wir diesen CSS-Code mit ein:

#main h2 { box-shadow: none!important; }

Ursache ist im Design-Code das #main img,.widget img {max-width: 97.5%;}.
Umgehen können wir es mit diesem Code:

#main img, .widget img {max-width: 100% !important;}

Im Design Clean wird die Schriftart (font-family) über einen externen Link geladen (google webfonts),
und zwar die Schriftart font-family: 'PT Sans';. Umgehen können wir es mit diesem Code:
Anstelle von arial kann auch andere, gewünschte Schriftart angegeben werden.

body { font-family: arial !important; }

ODER: Schriftarte und Schriftgöße nur im Seiteninhalt (#main) ändern:

#main {
  font-family: arial !important;
  font-size: 14px !important;
  color: #000000 !important; 
}

Eingefügte Liste enthält keine Aufzählungs-Punkte ? Ursache ist das ol, ul {list-style: none;}
Umgehen könnt Ihr es im Seiteninhalt mit einem Zusatz im <ul> Element:

<ul style="list-style-type: square !important;">

Ursache ist im Design-Code das widget a { font-weight: bold ;}.
Damit auch verlinkte Texte in der rechten Box ohne Fettschrift erscheinen:

widget a { font-weight: normal!important; }

Design Clean enthält im Quellcode die Zeile table,td {vertical-align: baseline;}.
Damit wird der Inhalt an der Basislinie (bzw. untenbündig) ausgerichtet.
Umgehen könnt Ihr es mit einem Zusatz

table, td { vertical-align: top !important; }

Mit vertical-align: top; wird der Inhalt "obenbündig" ausgerichtet.
Mit vertical-align: middle; kann man den Inhalt in der Höhe mittig ausichten.