Design Clean
    >> Tipps zum anpassen

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.

- Beispielgrafik Wo füge ich den CSS-Code ein ?
- Du hast bereits CSS-Codes eingefügt ? Wo platziere ich den neuen CSS-Code ?


Probleme mit eigenen <h2> Überschriften

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; }


Problem mit Bildern und Vorschaubildern

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;}


Problem mit Schriftgrößen und Schriftarten

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; 
}


Problem mit Listen-Element im Seiteninhalt ?

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;">


Fettschrift in der rechten Box bei verlinkten Texten

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; }


Problem mit Tabellen im Seiteninhalt ?

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.


Die Seite wird fortgesetzt
Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :29 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben