Postüberschrift und Sidebarkategorien

Tim

Hallo,
ich würde gerne die Überschriften meiner einzelnen Beiträge linksbündig und in einer anderen Schriftart sowie Farbe haben.

Des weiteren würde ich die Überschriften der Sidebar auch gerne weiter links haben.

Kann mir da jemand helfen?

Vielen Dank im Voraus!

Gruß

http://www.ape-attack.de

edit:

Zitat

Hallo,
ich würde gerne die Überschriften meiner einzelnen Beiträge linksbündig und in einer anderen Schriftart sowie Farbe haben.

Das hab ich hinbekommen, bei dem anderen Punkt kann ich noch Hilfe gebrauchen! :>

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

djsubotage

Das kannst Du generell mit der style.css Datei machen. Da liegen die ganzen Infos wie Farben, Platzierungen von Containern, Textgrößen, Linkeffekte und so weiter. Sollte man sich aber mit auskennen, sonst geht das schnell in die Hose.

Kennst Du dich mit den Farbcodes [z. b. #FFFFFF ist weiß etc.] aus bzw. generell mit html/php/css aus?

Tim

Hallo,

ich finde die Zeile einfach nicht, in der ich die Farbe eintragen muss, damit die Farbe der Schrift in den Beiträgen geändert wird!:(

HTML

/*
Theme Name: Flying on the Sun
Theme URI: http://www.rune.it/
Description: An hot theme from st3fo. rUn3 production [<a href="http://www.rune.it">http://rune.it</a>] - flash movie downloaded from http://www.flashkit.com.
Version: 1.0
Author: st3fo
*/
 


/* default */ 
a {
 text-decoration: none;
 color:#333333;
}
p {
 font-size: 11px;
 color:#666666;
 letter-spacing: 0.1em;
}
a img {
 border: none;
 text-decoration: none;
}
img {
 margin: 2px;
}
input {
 background-color:#FFF8C6;
 border: 1px solid#FF9900;
 font-size: 11px;
 font-family: Verdana, Arial;
}
a:visited {
 text-decoration: none;
 color:#333333;
}
a:hover {
 text-decoration: underline;
 color:#FF9900;
}
acronym, abbr {
 border-bottom: 1px dashed#333;
}
acronym, abbr, span.caps {
}
acronym, abbr {
 cursor: help;
}
blockquote {
 margin:20px;
 padding:1px 10px 1px 60px;
 background:#DCDCDC url(img/rune_bg_blockquote.gif) no-repeat left top;
 }
body {
 margin-top: 0px;
 background-color:#D06D02;
 font-family: Verdana, Arial;
 margin-left: 0px;
}
cite {
 font-style: normal;
}
h1 {
 letter-spacing: 0.1em;
 margin: 15px 2px 2px 0px;
 padding-bottom: 2px;
 font-size: 14px;
 font-weight: bold;
 color:#FFFFFF;
 width: 166px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color:#FFFFFF;
 background-image: url(img/rune_bg_h1.gif);
 background-repeat: no-repeat;
 text-indent: 10px;
}
h2 {
 letter-spacing: 0.2em;
 margin: 2px 0px 2px 0px;
 padding-bottom: 2px;
 font-size: 12px;
 font-weight: bold;
 color:#FF9900;
}
 
/* classes */
#rap {
 width: 990px;
 height: 100%;
 background-image: url(img/rune_bg_rap.png);
 font-family: Verdana, Arial;
 margin: 0px;
 padding: 0px;
 border: 6px solid #FFFFFF;
       }
#header {
 background-color:#FF9900;
 height: 150px;
 vertical-align: baseline;
 text-indent: 20px;
 background-image: url(img/rune_bg_header.png);
 background-repeat: no-repeat;
 letter-spacing: 0.2em;
 width: 990px;
}
#header a {
 color:#fff;
}
#title {
 font-size: 24px;
 font-weight: bold;
 color:#FFFFFF;
 letter-spacing: 0.2em;
 padding-top: 40px;
       }
#description {
 color:#FFFFFF;
 text-indent: 20px;
 font-size: 16px;
 font-weight: bold;
       }
    
#post-title {
 font-size: 14px;
 font-weight: bold;
 color:#FF9900;
 }
#post-title a {
 text-transform: uppercase;
 color:#FF9900;
 text-decoration: none;
}
#post-header {
 height: 46px;
 width: 620px;
 float: left;
 margin-top: 10px;
}
#post-date {
 float: left;
 color:#FFFFFF;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 width: 56px;
 background:#FFFFFF url(img/rune_bg_date.gif) no-repeat;
 line-height:11px;
 height: 46px;
 margin: 0px 5px 0px 0px;
 padding: 5px 0px 0px 0px;
}
.post-content {
 font-size: 11px;
 color: #666666;
 letter-spacing: 0.1em;
 text-align: justify;
 float: left;
 width: 620px;
 clear: both;
}
#post-footer {
 height: 15px;
 width: 620px;
 margin-bottom: 10px;
 background-color:#e6e6e6;
 float: left;
 vertical-align: middle;
 font-size: 10px;
 margin-top: 5px;
}


#post-description {
 font-size: 11px;
 color:#CCCCCC;
}
#logo {
 position:absolute;
 width:990px;
 height:140px;
 z-index:1;
 visibility: visible;
 left: 6px;
 top: 10px;
 overflow-x:hidden;
 overflow-y:auto;
 overflow: auto;
}
#menu-nav {
 margin: 0 0 15px;
 padding: 0;
 list-style-type: none;
 list-style-image: none;
 font-size: 12px;
 font-weight: bold;
 background-color:#FFFFFF;
 border-top-width: 6px;
 border-top-style: solid;
 border-top-color:#FF9900;
 text-indent: 20px;
 color:#B9EB1E;
    }
 
#menu-nav ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    list-style-image: none;
    }
#menu-nav li {
    display: inline; 
    }
 
#menu-nav ul li a {
 text-decoration:none;
 margin: 0px 2px 5px 2px;
 padding-top: 0px;
 padding-right: 8px;
 padding-bottom: 5px;
 padding-left: 8px;
 color:#FF9900;
    }
 
#menu-nav ul li a:hover {
 color:#FFFFFF;
 background:#FF9900 no-repeat;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color:#FFFFFF;
 border-bottom-color:#FFFFFF;
 border-left-color:#FFFFFF;
 padding-top: 0px;
 padding-right: 8px;
 padding-bottom: 5px;
 padding-left: 8px;
  margin: 0px 1px 5px 1px;
 }
#content {
 overflow: auto;
 background-color:#FFFFFF;
 width: 624px;
 background-image: url(img/rune_bg_content.gif);
 background-repeat: no-repeat;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 4px;
}
ol#commentlist li {
 margin:5px;
 padding:5px 5px 2px;
 background:#e6e6e6;
 list-style: decimal url(none);
 font-size: 10px;
 width: 95%;
 letter-spacing: 0.1em;
                  }
ul.post-content-meta {
 list-style: none;
}
#credit {
 margin: 4px;
 padding: 4px;
 font-size: 10px;
 color:#fff;
 text-align: center;
 background-color:#FF9900;
        clear: both;
}
#credit a:link, .credit a:hover {
 color:#fff;
}
.meta {
 color:#CCCCCC;
}
.meta li, ul.post-content-meta li {
 display: inline;
 list-style-type: none;
}
.meta ul {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}
.meta, .meta a {
 letter-spacing: 0;
}


#commentspopuptitle {
 font-size: 24px;
 font-weight: bold;
 color:#FFFFFF;
 letter-spacing: 0.2em;
 padding-top: 10px;
        text-indent: 20px;
       }


#commentform#author,#commentform#email,#commentform#url,#commentform textarea {
 background:#FFF8C6;
 border: 1px solid#FF9900;
 padding: 0.2em;
 width: 200px;
 font-size: 11px;
 font-family: Verdana, Arial;
}
#commentform textarea {
 width: 80%;
}
 
/* calendar */
#wp-calendar {
 empty-cells: show;
 width: 90%;
 font-size: 12px;
 text-align: center;
}
#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;
 font-weight: bold;
}
#wp-calendar a:hover {
 background:#FFEB41;
 color:#FF9900;
}
#wp-calendar caption {
 text-align: left;
}
#wp-calendar td {
 letter-spacing: normal;
 text-align: center;
}
#wp-calendar td.pad:hover {
 background:#FFEB41;
}
#wp-calendar td:hover,#wp-calendar#today {
 background:#FFEB41;
}
#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
}
#page-footer {
 height: 15px;
 width: 620px;
 margin-bottom: 10px;
 float: left;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
}


/* menu */
#menu-left {
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 175px;
 font-size: 11px;
}
#menu-left ul {
 list-style-type: none;
 margin: 0px;
 padding-left: 2px;
}
#menu-left li {
 list-style-type: none;
 margin: 0px;
 padding-left: 2px;
}
#menu-left ul li {
 letter-spacing: 0.1em;
 margin: 0px;
 list-style-type: none;
}
#menu-left ul ul {
 list-style-type: none;
 text-align: left;
 margin: 0px;
}
#menu-left ul ul li {
 padding-left: 12px;
 margin: 0px;
 list-style-type: none;
}
#menu-left ul ul li a {
 list-style-type: none;
}
#menu-left ul ul li a:hover {
}
#menu-left ul ul ul.children {
 padding-left: 4px;
}
#menu-right {
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 175px;
 font-size: 11px;
}
#menu-right ul {
 list-style-type: none;
 margin: 0px;
 padding-left: 2px;
}
#menu-right li {
 list-style-type: none;
 margin: 0px;
 padding-left: 2px;
}
#menu-right ul li {
 letter-spacing: 0.1em;
 margin: 0px;
 list-style-type: none;
}
#menu-right ul ul {
 list-style-type: none;
 text-align: left;
 margin: 0px;
}
#menu-right ul ul li {
 padding-left: 12px;
 margin: 0px;
 list-style-type: none;
}
#menu-right ul ul li a {
 list-style-type: none;
}
#menu-right ul ul li a:hover {
}
#menu-right ul ul ul.children {
 padding-left: 2px;
}

Alles anzeigen

djsubotage

Code

a {
text-decoration: none;
color:#333333; [B]<--- müsste die farbe des links sein[/B]
}
p {
font-size: 11px;
color:#666666; [B]<--- normale Farbe des Textes[/B]
letter-spacing: 0.1em;
}
a img {
border: none;
text-decoration: none;
}
img {
margin: 2px;
}
input {
background-color:#FFF8C6; [B]<---Hintergrundfarbe des Blogs[/B]
border: 1px solid#FF9900; [B]<---Rand des Textfeldes (solid = gerade, dotted = gepunktet mit 1 Pixel stärke)[/B]
font-size: 11px;
font-family: Verdana, Arial;
}
a:visited {
text-decoration: none;
color:#333333; [B]<---Farbe des Links, wenn er besucht wurde (am besten gleichsetzen mit der generellen Farbe von Links!)[/B]
}
a:hover {
text-decoration: underline;
color:#FF9900; [B]<---Farbe des Links, wenn man mit der Mouse drauf geht plus den zusatz, das er Unterstrichen wird (text-decoration: underline).[/B]
}

Alles anzeigen

Hoffe ich konnte Dir etwas helfen - sonst melden! :mrgreen:

Tim

Super, vielen Dank!

Solch eine Erklärzung hab ich gebraucht! :mrgreen:

djsubotage

wenn es geholfen hat - topp! ;-)

Tim

Zitat von djsubotage

wenn es geholfen hat - topp! ;-)

Hallo,
habe jetzt doch noch eine Frage:

Wenn ich ('sort_column=name&optioncount=1&hierarchical=0') hinter list_cats eintrage habe ich in jedem Theme die Anzahl der Beiträge die sich in den verschiedenen Kategorien befinden direkt dahinter stehen.
Bei meinem derzeitigen Theme sieht es dann allerdings so aus:

http://www.ape-attack.de/sort

Was muss ich da ändern?

Vielen Dank!

Gruß

djsubotage

Da bin ich jetzt mal ganz ehrlich überfragt. steht zwischen dem

list cats und dem ('sort_column=name&optioncount=1&hierarchical=0') ein <br /> oder <br>?? Das wäre nämlich der Code, das ein Absatz gesetzt wird!

Wenn ja - wegnehmen und es sollte erledigt sein!

Tim

Hmm, eigentlich nicht, da steht:

PHP

<li><h2><?php _e('Categories:'); ?></h2>                             
<ul>
                               <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?> 
                                </ul>
                        </li>

Das Theme hat den "Kategorien Counter" eigtl. nicht. Wegnehmen will ich es nicht, dann wechsel ich lieber wieder das Theme.:oops:

Gruß

djsubotage

mach mal aus:

<li><h2><?php _e('Categories:'); ?></h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</li>
dies hier:

<li><h2><?php _e('Categories:'); ?><?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?></h2></li>
Und sag bescheid!

Tim

Hat nicht funktioniert. Naja, wenns nicht lösbar ist werde ich wohl weitersuchen! Das basteln macht eh am meisten Spaß! :p

djsubotage

so klappt es auf jeden fall bei mir ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Postüberschrift und Sidebarkategorien

Jetzt mitmachen!