CSS... wo ändere ich die Schrift?

  • Hi zusammen,

    ein wenig hab ich ja schon in dem CSS Code des Templates herumgepfuscht, allerdings finde ich 2 Stellen nicht, die ich aber auch gern ändern würde.

    http://traum.rumpelkammer.org/wordpress/

    Da könnt ihr sehen was ich meine. Die Schrift in der rechten Box ist mir viel zu fett. Ich hätte sie gern feiner, so gefällt sie mir nicht.

    Und die kursive Überschrift über meinem Testartikel ist mir etwas zu groß. Die möchte ich gern etwas kleiner haben.

    Ich habe mal den CSS Code angehängt, vielleicht ist jemand so nett und könnte mir die 2 Stellen die ich ändern will im Code hervorheben? Danke schonmal.

    CSS:

    body {
    background: #99CCCC url(images/hintergrund.gif) repeat-x fixed;
    text-align: center;
    padding: 1em 0;
    font: 62.5% verdana, sans-serif;
    }

    a {
    color: #000000;
    }

    a:hover {
    color: #669999;
    text-decoration: none;
    }

    hr {
    display: none;
    }

    img {
    border: none;
    }

    ins {
    text-decoration: none;
    border-bottom: 1px dashed #eee;
    }

    acronym, abbr, dfn {
    border-bottom: 1px dashed #eee;
    font-style: normal;
    }

    blockquote {
    border-left: 5px solid #336666;
    margin: 1em 0;
    padding: 10px;
    background: #336666;
    width: 90%;
    }

    code, pre {
    color: #000000;
    font-family: verdana, sans-serif;
    }

    .bild-links {
    float: left;
    margin: 0 15px 3px 0;
    }

    .bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
    }

    .center {
    text-align: center;
    }

    .search-button, #commentform input {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #300000;
    background: #003333;
    color: #ffc;
    padding: 1px 2px;
    }

    #container {
    margin: 0 auto;
    text-align: left;
    width: 730px;
    border-bottom: 5px solid #eee;
    background: url(images/container.gif);
    color: #000000;
    line-height: 150%;
    }

    #header {
    height: 205px;
    background: url(images/frostherz.jpg) no-repeat;
    }

    #header h1 {
    font: italic 22px georgia, serif;
    color: #000000;
    line-height: 200px;
    padding: 0 15px;
    }

    #header h1 a {
    color: #fff;
    text-decoration: none;
    }

    #navi {
    float: right;
    width: 200px;
    }

    #navi-innen {
    padding: 0 15px 10px 15px;
    }

    #navi h2 {
    font: bold 1.4em veradana, sans-serif;
    margin: .8em 0 .2em 0;
    }

    #navi ul {
    list-style: none;
    margin: .4em 0 1em 0;
    padding: 0;
    }

    #navi ul li ul {
    margin: .2em 0 .4em .5em;
    }

    #navi a {
    text-decoration: none;
    font-weight: bold;
    }

    #navi .navi-search {
    margin-bottom: 3px;
    background: #eee;
    font-size: 1em;
    width: 150px;
    border: 1px solid #300000;
    }

    #content {
    margin: 1em 215px 1.5em 15px;
    font-size: 1.1em;
    }

    #content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
    }

    #content h2 a {
    text-decoration: none;
    }

    #content h3 {
    padding: 0 0 0 17px;
    margin: .5em 0;
    font-size: 1.4em;
    }

    #content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
    }

    #content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
    }

    #content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
    }

    #content .meta {
    font-size: .9em;
    }

    #content .feedback {
    margin: 15px 0 15px 0;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #700000;
    }

    #commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
    }

    #commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #300000;
    background: #600000;
    }

    #commentform textarea {
    background: #eee;
    border: 1px solid #300000;
    }

    #commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #eee;
    border: 1px solid #300000;
    width: 180px;
    }

    #footer {
    clear: both;
    margin: 3em 15px 0 15px;
    padding: 5px;
    text-align: center;
    font-size: .8em;
    }

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Das definiert die Post-Überschrift:
    #content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
    }

    Und dieses definiert die Überschriften in der Sidebar:
    #navi h2 {
    font: bold 1.4em veradana, sans-serif;
    margin: .8em 0 .2em 0;
    }

    Wenn du schon mal dabei bist nimm bitte px Werte.

    "Whoever controls the media, controls the mind." J.Morrison

  • Zitat von telekommander

    Wenn du schon mal dabei bist nimm bitte px Werte.

    Wie sehen die aus? Also ich meine, welchen Wert muss ich da eintragen? Kenne mich in CSS, wie man sieht, nicht so besonders aus.

  • Zitat von telekommander

    .....
    Wenn du schon mal dabei bist nimm bitte px Werte.



    telekommander

    magst Du mir bitte erklären wieso Du derartiges in die Welt setzt.

    px Werte für Schriften sind doch wirklich uralt...

    nimmt man px Werte, dann kann niemand sich die Schrift so groß oder klein einstellen wie er sie braucht, um lesen zu können.


    Prozentangeban oder eben em sind und bleiben das benutzerfreundlichste und günstigste ,
    außer man will wirklich seine Besucher verkraulen.


    lg

  • Zitat von telekommander

    Statt 2.1em z.B. so: 14px .



    telekommander
    nochmal

    wozu?

    wozu rätst Du derartiges, wo es schlicht veraltet und unbrauchbar ist...

    Monika

  • Von mir persönlich bevorzugt, ... nicht mehr und nicht weniger.

    Auch mit dem Hintergedanken, das keiner oder wenigsten überprüfen was das Design für'n Blödsinn macht, wenn plötzlich die Schrift auf "gross"bzw. "klein" gestellt ist.

    Edit: Hier übrigens auch.

    "Whoever controls the media, controls the mind." J.Morrison

  • Zitat von telekommander

    Von mir persönlich bevorzugt, ... nicht mehr und nicht weniger.

    Auch mit dem Hintergedanken, das keiner oder wenigsten überprüfen was das Design für'n Blödsinn macht, wenn plötzlich die Schrift auf "gross"bzw. "klein" gestellt ist.

    Edit: Hier übrigens auch.

    dies hier ist nicht meine Website,

    und zig Menschen-wirklich nicht wenigen, das Lesen einer Webseite unmöglich zu machen,
    nur damit dsa Design pixelgenau aussieht ?

    und dass hier auf wordpress-deutschland.org absolut kein Webstandard herrscht ist mir klar,
    dennoch vertrete ich die Meinung, dass man Altes Altes lassen sollte,

    da wird mit Ajax gehypt was das Zeuchs hält,
    aber es nutzt nichts, eils kaum wer lesen kann

    macht dies Sinn?

    lg

  • Zitat von Monika

    kaum wer lesen kann ...

    Ich mag Seiten auch nicht lesen oder ungern lesen weil plötzlich der Content verschoben ist, oder die Sidebar irgendwo im Nirwana abhängt und eine vernünftige Navigation zur Scrollorgie wird.
    Posten könnte ich reichlich Links, die genau diese Macke haben. Weils keiner überprüft und wahrscheinlich wissen die wenigsten User, das Browser diese "nette" Funktion haben. Btw: [Strg]]+[Scrollrad]

    Um es wirkliche jedem Browsertyp, Bildschirmauflösung, Betriebsystem, Sehbehindertem und/oder gehörlosen Humanoiden Recht zumachen = $

    Das ist 'ne Frage des Standpunktes und wir könnten wirklich noch Stundenlang darüber diskutieren und philosophieren.

    Fakt ist relative Angaben sind schwer zu kontrollieren.
    (Beispiel Tabellen in % ) ...würg.

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!