Fontanpassungen Sidebar im CSS?

heinzi

Moin!

Ich würde gerne bei den Theme veryplaintxt das Aussehen der Sidebar ändern ...

Headlines sollen in Versalien, Verdana bold 10px sein, Texte und Listen darunter in Verdana regular 10px ...

Ich bekomme es nur einfach nicht hin. Kann mir jemand helfen?

Vielen Dank und viele Grüße,
seb.

hier das stylesheet

HTML

---------------
 /*
Theme Name: veryplaintxt
Theme URI: [URL]http://www.plaintxt.org/themes/veryplaintxt/[/URL]
Description: Vergleichbar mit <a href="http://www.mcsweeneys.net/">McSweeny's</a>. Ein einfaches 2 Spalten Theme ohne CSS-Hacks. Der Name sagt alles. F&uuml;r WordPress 2.0. &Uuml;bersetzt von <a href="http://familie-seith.de/veryplaintxt-theme-deutsch">Alexander Seith</a>.
Version: 1.4.1
Author: Scott Allan Wallick
Author URI: [URL]http://scottwallick.com/[/URL]
*/
/*    
The "veryplaintxt" theme copyright (C) 2006 Scott Allan Wallick, [URL]http://scottwallick.com/[/URL]
Distributed under the terms of the GNU General Public License v2
** Please see the readme.txt for more info before using. **
*/
/* STRUCTURE & LAYOUT */
#everything {
    margin: 0 15%;
}
#header {
    margin: 0 0 20px 0;
}
#container {
    float: left;
    width: 100%;
}
.onecolumn {
    margin-right: 0;
}
.twocolumn {
    margin-right: -220px;
}
.narrowcolumn { 
    margin: 0 20px 10px 0;
}
.widecolumn {
    margin: 0 0 10px 0;
}
#sidebar {
    float: left;
    width: 700px;
}
#footer {
    clear: both;
    margin: 10px 0;
    padding: 5px;
}
.navigation {
    height: 1em;
    width: 100%;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.center, #header, #sidebar, #footer, .post-metadata {
    text-align: left;
}
.clearer {
    clear: both;
    height: 0px;
}


div#sidebar ul.subbar li {
 display: block;
 float: left;
}


div#sidebar ul.subbar li {
 width: 50%; // Oder was auch immer
}


div#sidebar ul.subbar {
  clear: both;
}


/* TYPOGRAPHY: EVERYTHING RE: FONTS */
body {
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
#title, #description, #content  .more, #sidebar ul li h2, #content h4, #footer p {
    text-transform: uppercase;
}
#title, #description {
    letter-spacing: 3px;
    margin: 0 0 10px 0;
}
#title h1 {
    font-size: 3.5em;
    line-height: 100%;
    margin: 10px 0;
}
#description h2 {
    font-size: 1.1em;
    margin: 10px 0;
    padding: 2px 0;
}
#content h2, #content h4, .navigation, #comments h3 {
    letter-spacing: 1px;
}
#content h2 {
    font-family: arial, sans-serif;
    font-size: 1.5em;
    margin: 10px 0 5px 0;
}
#content h3 {
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 7px 0;
}
#content  p {
    font-size: 1.15em;
    margin: 0 0 15px 0;
    text-align: justify;
}
#content blockquote {
    margin: 0 20px;
    padding: 0 25px;
}
#content  li {
    font-size: 1.15em;
}
#content .more {
    font-size: 0.7em;
    font-weight: 500;
    letter-spacing: 2px;
}
#content h4 {
    font-size: 0.8em;
    margin: -5px 0 25px 0;
}
#content code, #content pre {
    font: 0.9em/125% "courier new", monospace;
}
#postmetadata p {
    font-size: 0.95em;
    font-style: italic;
    margin: 0 25px 25px 25px;
    padding: 4px;
}
.navigation {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 30px 0;
}
#comments h3 {
    font: normal 1.2em/normal arial, sans-serif;
    margin: 10px 0 5px 0;
}
#comments li {
    font-size: 1em;
    margin-top: 15px;
    margin-right: 8%;
    padding: 5px;
}
#comments li p {
    font-size: 1em;
    margin: 3px 0;
}
#comments .commentmetadata {
    letter-spacing: 0.5px;
    font-style: italic;
    font-size: 0.95em;
}
#sidebar ul li h2 {
    font-size: 1.125em;
    letter-spacing: 1.5px;
    margin: 0 0 3px 0;
    text-decoration: underline;
}
#sidebar ul {
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar li {
    list-style: none;
    margin: 0;
}
#sidebar ul li ul li {
    font-size: 1.15em;
}
#sidebar ul li ul li ul {
    margin: 0 0 0 5px;
    padding: 0;
}
#sidebar ul li ul li ul li {
    font-size: 0.95em;
    font-style: italic;
    padding: 0;
}
#footer p {
    font-size: 0.9em;
    letter-spacing: 0.5px;
    margin: 10px 0 0 0;
    padding: 2px 0;
}
.search-excerpt {
    padding-left:150px;
}
/* LINK STYLES */
a {
    outline: none;
}
#header a, #header a:active, #header a:link, #header a:visited {
    background: #fff;
    color: #000;
    text-decoration: none;
}
#content h2 a, #content h2 a:active, #content h2 a:link, #content h4 a, #content h4 a:active, #content h4 a:link {
    background: transparent;
    color: #20476d;
    text-decoration: none;
}
#content .post a, #content .post a:active, #content .post a:link, .navigation a, .navigation a:active, .navigation a:link {
    background: transparent;
    color: #306aa3;
    text-decoration: none;
}
#postmetadata p a,  #postmetadata p a:active, #postmetadata p a:link, #footer a, #footer a:active, #footer a:link {
    background: transparent;
    color: #20476d;
    text-decoration: underline;
}
#sidebar a, #sidebar a:active, #sidebar a:link {
    background: transparent;
    color: #102437;
    text-decoration: none;
}
#sidebar a:visited {
    color: #475D72;
    background: #fff;
    border-bottom: none;
}
#content h2 a:visited, #content h4 a:visited, #content .post a:visited, .navigation a:visited, #postmetadata p a:visited, #footer a:visited  {
    background: transparent;
    color: #587592;
}
#header a:hover, #content h2 a:hover, #content .post a:hover, .navigation a:hover, #content h4 a:hover, #sidebar a:hover {
    background: transparent;
    color: #408dd9;
    text-decoration: underline;
}
#postmetadata p a:hover, #footer a:hover {
    background: #fff;
    color: #408dd9;
}
/* DECORATIVE ELEMENTS: BORDERS, COLOR, BACKGROUNDS, ETC. */
body {
    color: #000;
    background: #fff;
}
#description h2, #footer p {
    border-bottom: 2px solid #000;
    border-top: 1px solid #000;
}
#content blockquote {
    background: url(quote.png) no-repeat top left;
}
#postmetadata p {
    border-top: 1px solid #444;
    border-bottom: 2px solid #444;
}
#comments li {
    background: #f3f3f3;
    color: #555;
    border-top: 1px solid #aaa;
    border-bottom: 2px solid #aaa;
}
#comments li.alt {
    background: #f9f9f9;
    color: #555;
}
.search-excerpt {
    color:#666;
    background:#fff url(quote.png) no-repeat left top;
}
/* IMAGE STYLES, INCLUDING IMAGE LINKS */
#content img.alignright, #content img.alignleft, #content img.center {
    border: 1px solid #ccc;
    padding: 4px;
}
#content img.alignright {
    display: inline;
    margin: 3px 0 3px 6px;
}
#content img.alignleft {
    display: inline;
    margin: 3px 6px 3px 0;
}
#content img.center {
    display: block;
    margin: 3px auto;
}
#content a img, #content a:active img, #content a:link img, #content a:visited img {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}
#content a:hover img {
    background: #eee;
    border: 1px solid #bbb;
    color: #000;
}
#sidebar img {
    border: none;
}
/* FORM STYLES */
.formcontainer {
    font-size: 1.1em;
    font-style: italic;
    overflow: hidden;
    position: static;
    width: 99%;
}
.formright, .formleft {
    display: inline;
    float: left;
    margin: 3px 0;
    padding: 2px;
}
.formright {
    text-align: left;
    width: 75%;
}
.formleft {
    clear: both;
    text-align: right;
    width: 65px;
}
.formcontainer textarea {
    overflow: auto;
}
.formcontainer textarea, input {
    font: 0.9em/normal "courier new", courier, monospace;
    padding: 2px;
}
#author, #email, #url, #comment, #s, #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
    border: 1px solid #333;
}
#author:focus, #email:focus, #url:focus, #comment:focus, #s:focus, #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, #wpcf_msg:focus {
    border: 1px solid #306aa3;
}
#searchsubmit, #contactsubmit, #submit {
    font: 0.9em/normal arial, sans-serif;
}
#sidebar #searchform {
    margin: 0 0 10px 0;
}

Alles anzeigen

Werbepost

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

jottlieb

Grr, wer nochmal ellenlangen Code postet ohne ihn entsprechend kennzuzeichnen, bekommt demnächst Stockschläge von mir:evil: :evil:

:roll:
(Bitte nich zu persönlich nehmen).

heinzi

ja sorry .. wenn ich wüsste, was ich kennzeichnen sollte, würde ich das gerne tun ...

hab davon genauso viel ahnung, wie vom jumbo-jet-fliegen ...

was wäre denn z.b. die lösung?

jottlieb

Zitat von heinzi

was wäre denn z.b. die lösung?

Jegliche Codes oder Inhalt von Dateien (das Stylesheet gehört dazu) mit einem der drei Buttons umschließen, du du ganz rechts findest (#, <>, php).
Dafür sind die da.

heinzi

aber sowas funktioniert nicht:

#sidebar ul li h2 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
margin: 0 0 3px 0;
text-decoration: none;
}

heinzi

moin!

nochmal die frage vom absoluten css dödel :-)

wie kann ich in der sidebar (siehe oben) die typo ändern?

danke,
seb.

SuMu

versuche es mal so:

Code

#sidebar h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}

heinzi

ich glaube ich hab das ding schon zu sehr vermurkst ...

die änderung hat nichts geändert :-/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Fontanpassungen Sidebar im CSS?

Jetzt mitmachen!