CSS für Parent and Child Pages

hedning

Hallo

ich möchte in meiner Sidebar im Seitenmenü die Links zu den Parentseiten anders anzeigen lassen (nämlich fett und ohne Bullet) als die Childseiten (nämlich so wie bisher). Ich habe sowohl hier im Forum, als auch hier Template Tags/wp list pages « WordPress Codex gesucht aber ich habe nicht den leisesten Schimmer, wie ich mein Problem angehen soll. Könnt ihr mir Hinweise, Hilfe, vielleicht sogar den Code geben? Oder gibt es ein Plugin mit dem man das machen kann? Danke Euch!

Habs gerade so versucht, aber ohne Ahnung kann ich nur raten:

PHP

<?php wp_list_pages('title_li=' ); ?>
            <?php if (wp_list_pages('depth=1'));
{
?>
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #efefef;
    }
<?php
}
?>

WP 2.2 und hier ist meine Seite

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

Monika

Code

ul li.page-item {}


ul li.page-item ul li.page-item{}
Orientierung aber auch Geschichtenerzählen zb 


dann hast Du noch


ul li.page-item ul li.page-item ul li.page-item{} zb Musik

Alles anzeigen

mit diesen Angaben kannst Du das machen

hilft das weiter

was Du da oben geschrieben hast versteh ich nicht, würde sagen löschen ;)

lg

hedning

Hm, danke!

ich habe gerade gemerkt, wenn ich nur

PHP

<?php wp_list_pages ('title_li='); ?>

drin habe, dann macht er die ersten Seiten sowieso schon ohne Bullets. Jetzt habe ich an der style.css rumgespielt und es geschafft die Parents zu zentrieren, indem ich alles zentriert und die Childs wieder links ausgerichtet habe. Gleiches ist mir aber nicht mit Schriftgröße und Farbe gelungen. Ich verstehe nicht ganz, wie die style.css hier arbeitet und wie Angaben verschachtelt sind. Aber ich nehme an, ich brauche in der sidebar.php gar nichts weiter zu machen, sondern nur die richtigen css Einträge zu verändern. Hier ist ein Auszug, der es so zeigt wie es gerade ist:

Code

/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    text-align: center;
    }
    
#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
    }
/* End Entry Lists */

Alles anzeigen

Kannst Du mir nochmal einen Tipp geben, bitte?

hedning

Ne, sorry, bin ich zu blöd für. Auch Deinen Hinweis habe ich versucht. Aber ich habe nicht ganz verstanden wo ich den Code einbauen soll, in der sidebar.php oder in der style.css?

Das Problem ist glaube ich, dass das ja alles Links sind also in der style.css mit a angesprochen werden. Und das muss ich ja irgendwie für die Links zu den Parentseiten aushebeln um denen eine neue Farbe zuweisen zu können, oder?

Naja ich mach wohl erstmal Feierabend...

Olafb

Guck mal ob dir das passt, das ist aus der style.css im Themeordner + Ergänzungen:

HTML

#sidebar ul li {
font-weight : bold;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
#sidebar ul ul li, #sidebar ul ol li {
font-weight : normal;
	margin: 3px 0 0;
	padding: 0;
	text-align: left;
	}

Alles anzeigen

hedning

Danke, jetzt sind die Parents zwar Fett geworden aber wenn ich im gleichen Eintrag auch Farbe und Schriftgröße ändern möchte tut sich nix:

Code

#sidebar ul li {
    font-weight : bold;
    color: #000000;
    font-size: 1,3em;
    margin-bottom: 15px;
    }

Ich möchte, dass die Links für die Parentseiten genau so aussehen wie die Überschriften bei Blog, Kalender, Veranstaltungen etc. Ich verzweifel langsam. Hier ist nochmal die ganze style.css

Code

/*Grüne Farben: #006d3c = Dunkelgrün #368c65 = Hellgrün;*/


/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #e4e4e4;
    color: #333;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
/*    background-color: #73a0c5; */
    background-image: url(images/headergreen.jpg); 
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }
    
.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    /*background-color: #eee;*/
    background-image: url(images/jaschafooter.jpg);
    background-repeat:no-repeat;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }
/* Überschriften */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #006d3c;
    }
#sidebar h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


/*Sidebarschrift*/
#sidebar {
    font: 1,2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
/* bullets und Klammern */
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }
    
#sidebar ul li {
    font-weight : bold;
    color: #000000;
    font-size: 1,3em;
    margin-bottom: 15px;
    }
    
#sidebar ul ul li, #sidebar ul ol li {
    font-weight : normal;
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
    }
    
code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }
/* hier sind die Links */
a, h2 a:hover, h3 a:hover {
    color: #006d3c;
    text-decoration: none;
    }
        
a:hover {
    color: #147;
    text-decoration: underline;
    }
    


/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 900px;
    border: 1px solid #171717;
    }
    
#header {
    padding: 0;
    margin: 0 auto;
    height: 260px;
    width: 100%;
/*    background-color: #73a0c5; */
    }


#headerimg {
    margin: 0;
    height: 260px;
    width: 100%;
    }


.narrowcolumn {
    float: left;
    padding: 0 40px 20px 45px;
    margin: 0px 0 0;
    width: 590px;
    }


.widecolumn {
    padding: 10px 0 20px 100px;
    margin: 5px 0 0 50px;
    width: 590px;
    }
    
.post {
    margin: 0 0 40px;
    text-align: justify;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 28px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: left;
}


#footer {
    padding: 0 0 0 0;
    margin: 0 auto;
    width: 900px;
    height: 63px;
    clear: both;
    }


#footer p {
    margin: 0;
    padding: 16px 0;
    text-align: center;
    }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */








/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    text-align: left;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
    }
    
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px; 
    text-align: center;
    }


#sidebar #searchform #s {
    width: 115px;
    padding: 2px;
    }


#sidebar #searchsubmit {
    padding: 1px;
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */






/* Begin Sidebar */
#sidebar
{
    padding: 20px 0 10px 0;
    margin-left: 685px;
    width: 190px;
    }


#sidebar form {
    margin: 0;
    }
/* End Sidebar */






/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/

Alles anzeigen

Please help...:sad:

Olafb

Das ist dort dann für die LI du willst aber die A ändern, die erreichst du nun so:

HTML

#sidebar ul li a{
color: #ff0000;
	}
#sidebar ul ol li a{
color: #ff00ff;
	}

Das hover dann ebend so nach dem Muster dazu #sidebar ul li a:hover{

hedning

Jetzt ist alles rot in der Sidebar! Da steckt doch irgendwo der Wurm drin! Das passiert mir auch bei Größenveränderungen. Irgendwie affektieren die Werte nie immer nur das was der Selektor angibt, sondern auch andere Selektoren. Bis zur nächsten Antwort lasse ich das mal so drin wie Du es mir gegeben hast: Danke!

siehe Blog

Olafb

Kommt vom nur kopieren ohne kapieren ;)

HTML

#sidebar ul ul li a{
color: #ff00ff;
	}

hedning

Ich fühle mich schuldig im Sinne der Anklage, aber langsam kapier ichs. Schöne Farben hast Du da gewählt ;-). Aber ich habs immer noch nicht ganz. Wenn ich in die von Dir gegebenen Deklarationen Schriftgrößen reinschreibe, ändert sich rein gar nichts. Ich möchte eigentlich das ganz Menü so groß wie den normalen Text im Beitrag und die Hauptpunkte so groß wie z.B. Kalender, Veranstaltungen etc.? Hab ich total Tomaten auf den Augen? Begriffsstutzig?

Olafb

Das mit dem kop./kap. meint eigentlich mich, ich habs ja einfach von weiter oben kopiert :)
Also, die Schriftgröße wäre dann hier:

HTML

/*Sidebarschrift*/
#sidebar {
	font: 2.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

hedning

Ganz genau, habe ich jetzt drin, aber Du siehst keinen Unterschied...? Erst bei 4em explodiert alles. Darunter gibts keine Veränderung.....

Olafb

Diesmal wäre kopieren besser gewesen :) schau mal oben ;)

hedning

Ja, ok Komma und Punkt verwechselt...:oops:
Ich habs aber immer noch nicht raus guck mal jetzt! Jetzt wird es immer größer je tiefer ich in die Verschachtelung gehe:confused: Wenn ich nicht schon seit gestern nachmittag hieran sitzen würde würde ichs langsam lustig finden...

Olafb

Haste inzwischen hinbekommen? Da steht wieder was mit ","!!!

Also mit dem läuft das im FF mit EditCSS einwandfrei:

HTML

/*Sidebarschrift*/
#sidebar {
	font: 1.4em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

Sollte sich im IE damit was vergrößern dann schau mal weiter unten, da ist bei einem A nochmal 1.2em angegeben, das muss raus!

hedning

Ich komme mir langsam echt dämlich vor, peinlich, aber siehs Dir an, so wie es jetzt aussieht, entsteht es mit dieser style.css:

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #e4e4e4;
    color: #333;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
/*    background-color: #73a0c5; */
    background-image: url(images/headergreen.jpg); 
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }
    
.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    /*background-color: #eee;*/
    background-image: url(images/jaschafooter.jpg);
    background-repeat:no-repeat;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }
/* Überschriften */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #006d3c;
    }


#sidebar h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


/*Sidebarschrift*/
#sidebar {
    font: 1.4em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
/* Bullets und Klammern */
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }
    
#sidebar ul li {
    font-weight : bold;
    margin-bottom: 15px;
    }
    
#sidebar ul ul li, #sidebar ul ol li {
font-weight : normal;
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
    }
    
#sidebar ul li a{
    color: #333;
    }
    
#sidebar ul ul li a{
    color: #006d3c;
    font: 1.2em;
    }
    
code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
    }
    
/* hier sind die Links */
a, h2 a:hover, h3 a:hover {
    color: #006d3c;
    text-decoration: none;
    }
        
a:hover {
    color: #147;
    text-decoration: underline;
    }
    
#wp-calendar #prev a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 900px;
    border: 1px solid #171717;
    }
    
#header {
    padding: 0;
    margin: 0 auto;
    height: 260px;
    width: 100%;
/*    background-color: #73a0c5; */
    }


#headerimg {
    margin: 0;
    height: 260px;
    width: 100%;
    }


.narrowcolumn {
    float: left;
    padding: 0 40px 20px 45px;
    margin: 0px 0 0;
    width: 590px;
    }


.widecolumn {
    padding: 10px 0 20px 100px;
    margin: 5px 0 0 50px;
    width: 590px;
    }
    
.post {
    margin: 0 0 40px;
    text-align: justify;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 28px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: left;
}


#footer {
    padding: 0 0 0 0;
    margin: 0 auto;
    width: 900px;
    height: 63px;
    clear: both;
    }


#footer p {
    margin: 0;
    padding: 16px 0;
    text-align: center;
    }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */




/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    text-align: left;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    text-align: left;
    }
    
/* End Entry Lists */




/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px; 
    text-align: center;
    }


#sidebar #searchform #s {
    width: 115px;
    padding: 2px;
    }


#sidebar #searchsubmit {
    padding: 1px;
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Sidebar */
#sidebar {
    padding: 20px 0 10px 0;
    margin-left: 685px;
    width: 190px;
    }


#sidebar form {
    margin: 0;
    }


/* End Sidebar */




/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/

Alles anzeigen

Wenn ich hier

Code

#sidebar ul ul li a{
    color: #006d3c;
    font: 1.2em;
    }

die font Angabe rausstreiche passiert auch nix anderes

Olafb

Das wird nach unten größer weil es dort in einer H2 steht, wenn du dies noch anpasst:

HTML

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1em;
	}

Anschließend gehst du die Kalenderstyles noch nach solchen Angaben durch und passt die an, z.B. #wp-calendar caption

Das ist leider alles ein wenig ungünstig aufgebaut, aber wird schon....

hedning

Ungünstig aufgebaut? Ich dachte das Kubrick Theme wäre so sauber gemacht? Wie auch immer, habs versucht. Auch mit diesem Hinweis schaff ichs nicht. Ich gebe auf. Lust auf einen Auftrag? Danke anyway!

hedning

Olafb

Na ja, zu Kubrik gibts hier viel zu lesen, ich find's nicht sehr gelungen, schon gar nicht für Anfänger, pers. Meinung braucht nicht diskutiert werden ;)

Wenn's noch bissel Zeit hat, und sich hier nichts findet, dann meld dich zum Ende der Woche noch mal direkt bei mir, jetzt is schlecht....

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS für Parent and Child Pages

Jetzt mitmachen!