Datumsformatierung / Farbe und Ausrichtung

QAndy2001

Hallo,
ich bin noch recht neu in Sachen Wordpress und habe mir jetzt das Theme D2K Desert installiert. Ich möchte eigentlich nicht viel anpassen, nur die Formatierung des Datums unter dem Titel des Artikels. Das Datum soll rechtsbündig erscheinen und ich möchte die Farbe verändern. Leider finde ich den entsprechenden Punkt nicht im index.php und dem stylesheet.css.

Kann mir da eventuell jemand einen Tipp geben? Das wäre großartig.

Hier die stylsheet.css (erster Teil, ist sonst zu lang)

Code

/*  
Theme Name: Dimension 2K - desert-theme
Theme URI: [URL="http://dimension2k.de/"]Dimension 2k[/URL]
Description: The Dimension2K wordpress 1.5 Theme, design & coding by evil.bert
Version: 1.5.1
Author: evil.bert
Author URI: [URL="http://dimension2k.de/"]Dimension 2k[/URL]
*/
/* Begin Typography & Colors */
a {
    color: #552704;
    text-decoration: none;
}
a[hreflang]:after {
    content: "\0000a0[" attr(hreflang) "]";
    color:#552704;
}
 
.post a[target^="_blank"] {
 background: transparent url('images/extern.gif') 100% 50% no-repeat;
 padding-right: 15px;
  color:#552704;
}
a img {
        border: none;
        text-decoration: none;
        }
img.alignright {
         float: right;
         margin: 0 0 3px 7px;
         display: inline;
               }
img.alignleft {
         float: left;
         margin: 2px 7px 0 0;
         display: inline;
}
a:visited {
            color: #552704;
            text-decoration: none;
            }
a:hover {
          border-bottom: 1px dashed #552704;
          }
acronym, abbr, span.caps {
                           font-size: 90%;
                           letter-spacing: .07em;
                           }
acronym, abbr {
                cursor: help;
                }
abbr a,
abbr a:visited,
abbr a:hover{ 
        border: 0;
        text-decoration: none;
 }
blockquote{
 background: #F2EEE6;
 border: 1px solid #C3C3C1;
 margin: 0 0 10px 0;
 padding: 5px;
             }
.english {  
    border-left: 2px solid #dedede;
    margin-left: 1.5em;
    padding-left: 5px;
           }
body {
 background:#E5E0D5;
 background-image: url(images/backgr.gif);
 border:none;
 color:#776E64;
   font: 0.7em Verdana, helvetica, sans-serif;
 margin:0;
 padding:0;
 text-align:center;
}
cite {
    font-size: 83%;
    font-style: normal;
  vertical-align: bottom;
}
h2, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited  {
    font: 95%  Verdana, Arial, Tahoma;   
  letter-spacing: 0.2em;
    margin: 15px 0 2px 0;
    padding-bottom: 2px;
  padding: 2px 2px 2px 2px;
  font-family: Verdana, Arial, Tahoma; 
    text-transform: capitalize;
  color: #552704;
    font-size: .90em;
  background-color: #D1C7B4;
}
h2#comments,
h2#postcomment { 
    border: 0;
  background-color: #ffffff;
  color: #ECECEC;
  background-color: #788D9F;
}
 
h3 {
  height: 21px;
    background:#C7BAA7;
  background-repeat: no-repeat;
    background-image:url(images/h2_sidebar.gif);
    margin-top: 0;
  width:100%;
  font-size:larger;
  font-family: Verdana, Arial, Tahoma; 
    text-transform: capitalize;
  color: #552704;
    font-size: 1.50em;
}
h3 a:link,
h3 a:hover,
h3 a:visited { 
    border-bottom: none;
    font-size: 100%;
    color: #552704;
  padding: 2px 2px 2px 2px;
  height: 16px;
  vertical-align: bottom;
  padding-left: 16px;
  background-image: url(images/document.gif);
  background-repeat: no-repeat;
  background-position: center left ;
}
#docimage{
}
ol#comments li p {
                   font-size: 100%;
       color: #552704;
}
ul { 
     list-style: none;
}
/* classes used by the_meta() */
ul.post-meta {
     list-style: none;
}
ul.post-meta,
span.post-meta-key {
     font-weight: bold;
}
.credit_logo {
   font-family: Verdana, Arial, Tahoma; 
      color: #AFAA9E;
      font-size: 11px;
      margin: 10px 10px 10px 10px;
      padding: 3px;
      text-align: right;
  background-image: url(images/d2k_logo.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 61px;
    writing-mode: lr-tb;
}
.credit {
   font-family: Verdana, Arial, Tahoma; 
      color: #AFAA9E;
      font-size: 11px;
      margin: 10px 10px 10px 10px;
      padding: 3px;
      text-align: right;
}
.credit a:link, 
.credit a:hover, 
.credit a:visited {
      color: #AFAA9E;
      text-decoration: none;
      border: 0;
}
.feedback {
            text-align: right;
}
.feedback a,
.feedback a:visited,
.feedback a:hover { 
                    color: #552704;
                    font-size: 0.8em;
                    border: 0;
}
.meta {
        font-size: 77%;
}
.meta li, ul.post-meta li {
 display: inline;
}
.meta ul {
           display: inline;
           list-style: none;
           margin: 0;
           padding: 0;
}
.meta,
.meta a,
.meta a:hover,
.meta a:visited {
 color: #552704;
 font-weight: normal;
 letter-spacing: 0;
 border: 0;
}
.meta_2{
 color: #552704;
 font-weight: normal;
 font-size: 1em;
 
 border: 0;
}
.meta_2 a,
.meta_2 a:hover,
.meta_2 a:visited {
 color: #552704;
 font-weight: normal;
 font-size: 1em;
 border: 0;
}
 
.post { 
        padding: 10px;
        margin: 0 auto 10px auto;
        border: 1px solid #E3E3E3;
        width: 540px;
}
.commentsarea {
        padding: 10px;
        margin: 0 auto 10px auto;
        width: 500px;
        }
 
.storycontent { 
                text-align: justify;
                overflow: hidden;
                }
.storytitle {
              margin: 0;
              }
.storytitle a {
                text-decoration: none;
                }
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
      background: #fafafa;
      border-bottom: #552704 1px solid;
      border-top: 0;
      border-right: 0;
      padding: .2em;
                        }
#commentform textarea {
 width: 90%;
}
#commentlist li ul {
 border-left: 1px solid #ddd;
 font-size: 110%;
 list-style-type: none;
}
#content {
 padding-left:15px;
 padding-top: 10px;
 float:left;
 width:560px;
}
#header {
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 height: 262px;
 border-bottom:none;
 font-size: 10px;
 font-family: Verdana, Arial, Tahoma; 
 letter-spacing:0.2em;
 margin:0;
 
}
#header_text{
  padding-top:  35px;
  padding-left: 15px;
}
#header_text a {
 color: #fff;
 text-decoration: none;
   border: 0;
 font-size: 16px;
 font-family: Verdana, Arial, Tahoma; 
   letter-spacing:0.01em;
 font-weight: bold;
 text-transform: uppercase;
}
#menu {
 padding:0px 0 10px 5px;
 margin:0 0 0 590px;
 width:200px;
 border-left:none;
  color: #552704;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #menu {
  width:196px;
}
/* End hide from IE5/mac */
#meta a[target^="_blank"] {
 background: none;
 padding-right: 0px;
}
#menu a { 
   color: #552704;
   border: 0;
   text-decoration: none;
 padding-left: 4px;
 
 }
#menu form {
 margin: 0 0 0 13px;
}
#menu h2{ 
   background-image:url(images/h2_sidebar.gif);
 background-repeat: repeat;
   color: #552704;
   font-size: .90em;
 padding: 2px 2px 2px 2px;
 font-family: Verdana, Arial, Tahoma; 
 font-size: .90em;
 border: none;
 border-bottom: 1px;
 border-bottom-style: solid;
 border-bottom-color: #C7BBA6;
 }
 
 
#menu input#s {
 width: 80%;
 background: #fafafa;
 border: 1px solid #999;
 color: #000;
}
#menu ul {
   color: #552704;
 font-weight:bold;
 list-style-type:none;
 margin:0;
 padding-left:3px;
}
#menu ul li {
    padding-bottom: 3px;
    margin-top: 3px;
    letter-spacing: 0.1em;
              }
#menu ul ul {
 font-variant: normal;
 font-weight: normal;
 line-height: 100%;
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: left;
   font-family: Verdana, Arial, Tahoma; 
   font-size: .90em;
 font-weight:bold;
}
#menu ul ul li {
 border: 0;
 letter-spacing: 0;
 margin-top: 0;
 padding: 0;
 padding-left: 0px;
   font-family: Verdana, Arial, Tahoma; 
   font-size: .90em;
}
#menu ul ul ul.children {
/* font-size: 142%; */
 padding-left: 4px;
   font-family: Verdana, Arial, Tahoma; 
   font-size: .99em;
}
#menu a { 
  font-weight:normal;      
 }

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

QAndy2001

zweiter Teil

Code

#rap {
 background-image: url(images/content_bg.gif);
 background-repeat: repeat-y;
 border:none;
 width:800px;
 margin:0 auto;
 text-align:left;
}
#subtitle, #subtitle a:link, #subtitle a:visited, #subtitle a:hover, #subtitle a:active { 
    margin: 8px 0 8px 0;
    background-image:url(images/bg_title.gif);
  text-align: right;
  background-repeat: repeat;
    padding: 0 8px 0 8px;
    color: #f6f6f6;
  font-family: Verdana, Arial, Tahoma; 
    font-size: .90em;
  border:none;
 }
 
#wp-calendar {
 border: 1px solid #B1C5AB;
 background:#C7BAA7;
 margin: 0;
 width: 95%;
   font-family: Verdana, Arial, Tahoma; 
   font-size: .90em;
 color: #552704;
 font-weight: normal;
}
#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 background-image: none;
}
#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 background-image: none;
}
#wp-calendar a {
 display: block;
 text-decoration: underline;
 color: #552704;
 background-color: transparent;
 
}
#wp-calendar a:hover {
 color: #552704;
 background: url(images/bg_calendar.gif)  right bottom;
 color: black;
}
#wp-calendar caption {
   background-image:url(images/h2_sidebar.gif);
 background-repeat: repeat;
   font-size: .90em;
   color: #552704;
 padding: 1px 1px 1px 3px;
 font-family: Verdana, Arial, Tahoma; 
 font-size: .90em;
 text-align: left;
 margin-top: 7px;
 
}
#wp-calendar td {
 color: #552704;
 letter-spacing: normal;
 padding: 2px 0;
 text-align: center;
 text-align: center;
 background: url(images/bg_calendar.gif)  right bottom;
}
#wp-calendar td.pad:hover {
 text-align: center;
 color: #552704;
}
#wp-calendar #today {
 color: red;
 font-weight: bolder;
}
#wp-calendar td:hover{
 color: black;
}
#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
 text-align: center;
   background:#C7BAA7;
 background: url(images/bg_calendar.gif)  left top;
}
 
#is_link ul {
list-style-type:none;
padding:3px;
font-family: Verdana, Arial, Tahoma; 
font-size: 1em;
}
#is_link li {
padding-left:13px; 
font-family: Verdana, Arial, Tahoma; 
}
 
#is_link li a {
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
text-decoration:none;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
text-decoration: none;
 
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #is_link li a{
 display:inline-block;
 width: 182px;
}
/* End hide from IE5/mac */
#is_link li a:link, #is_link a:active {
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
text-decoration: none;
}
#is_link li a:visited {
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
text-decoration: none;
}
#is_link li a:hover {
border: none;
border-right: 13px;
border-right-style: solid;
border-right-color: #C7BBA6;
background: #DCD4C7;
color: #552704;
background-image: url(images/z-plus-13-01_hover.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #is_link li a:hover{
 width: 167px;
}
/* End hide from IE5/mac */
 
#is_link #lcomments li, #is_link #lcomments ul {
 background: transparent;
 background-image: none;
 padding-left:3px;
 text-decoration:none;
 line-height: 14px;
 color: #552704;
 width: 167px;
}
#lcomments a, #lcomments a:link, #lcomments a:active{
 text-decoration:none;
 line-height: 14px;
 color: #552704;
 
 }
 #lcomments a:hover{
 text-decoration:underline;
 line-height: 14px;
 color: #552704;
 }
 
#is_link_archiv ul {
list-style-type:none;
padding:3px;
}
#is_link_archiv li{
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
}
 
#is_link_archiv li a {
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
}
 
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #is_link_archiv li a {
 display:inline;
 width: 182px;
}
/* End hide from IE5/mac */
#is_link_archiv li a:link, #is_link_archiv a:active {
}
#is_link_archiv li a:visited {
 border: none;
}
#is_link_archiv li a:hover {
border: none;
border-right: 13px;
border-right-style: solid;
border-right-color: #C7BBA6;
background: #DCD4C7;
color: #552704;
background-image: url(images/z-plus-13-01_active_2.gif);
background-repeat:no-repeat;
}
#pagenav li a:link, #pagenav a:active {
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
}
#pagenav li a:hover {
border: none;
border-right: 13px;
border-right-style: solid;
border-right-color: #C7BBA6;
background: #DCD4C7;
color: #552704;
background-image: url(images/z-plus-13-01_hover.gif);
background-repeat:no-repeat;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #pagenav li a:hover{
 width: 167px;
}
/* End hide from IE5/mac */
#pagenav li{
font-family: Verdana, Arial, Tahoma; 
font-size: 1em;
}
 
#pagenav li a{
padding-left:13px;
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
text-decoration:none;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
 
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #pagenav li a{
 display:inline-block;
 width: 182px;
}
/* End hide from IE5/mac */
input {
 padding-top: 0px;
 border: 1px solid #CFD8E0;
 background: #fff;
 color: #3E3E3E;
 font: 10px Verdana, Arial, Tahoma; 
}
.footer{
 background-image:url(images/footer.gif);
 background-repeat: no-repeat;
 height: 26px;
 background-position: center;
}
 
#themeswitcher ul {
list-style-type:none;
padding:3px;
font-family: Verdana, Arial, Tahoma; 
font-size: 1em;
}
 
#themeswitcher li{
padding-left:13px; 
font-family: Verdana, Arial, Tahoma; 
text-indent:13px;
}
 
#themeswitcher li a{
padding-left:13px; 
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
text-decoration:none;
background-image: url(images/z-plus-13-01_active.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
text-decoration: none;
 text-indent:0px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #themeswitcher li a{
 display:inline-block;
 width: 182px;
}
/* End hide from IE5/mac */
 
#themeswitcher li a:link, #themeswitcher a:active{
padding-left:13px; 
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01_active.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
text-decoration: none;
}
 
#themeswitcher li a:visited{
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01_active.gif);
background-repeat:no-repeat;
text-decoration: none;
margin-left: 0px;
}
 
#themeswitcher li a:hover{
border: none;
border-right: 13px;
border-right-style: solid;
border-right-color: #C7BBA6;
background: #DCD4C7;
color: #552704;
background-image: url(images/z-plus-13-01_active_2.gif);
background-repeat:no-repeat;
font-family: Verdana, Arial, Tahoma; 
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #themeswitcher  li a:hover{
 width: 167px;
}
/* End hide from IE5/mac */

Alles anzeigen

index.php :

PHP

<?php 
get_header();
?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
  <h3 class="storytitle" id="post-<?php the_ID(); ?>"><div id=docimage></div><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
 <div class="meta"><?php the_time('l, j. F Y'); ?> <?php edit_post_link(__('Edit This')); ?></div>
 
 <div class="storycontent">
  <?php the_content(__('(more...)')); ?>
 </div>
 
 <div class="feedback">
            <?php wp_link_pages(); ?>
   <a href="<?php trackback_url(); ?>">Trackback</a> &middot; <?php comments_popup_link(__('Jetzt kommentieren!'), __('Ein Kommentar'), __('% Kommentare')); ?>
 </div>
 
 <?php trackback_rdf(); ?>
 
</div>


<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
<div class="feedback"><?php posts_nav_link(' — ', __('&laquo; previous page'), __('next page &raquo;')); ?></div>
<?php get_footer(); ?> 
<br><br>

Alles anzeigen

1000 Dank und viele Grüße
Andy

maxe

Müssten ja laut Code die Classen "meta" und "storytitle" sein wo du die Farb- und Ausrichtungsänderungen vornehmen musst. Ansonsten gib mal einen Link zum Blog.

QAndy2001

der Blog läuft leider noch in einem geschützten Bereich, daher kann ich den noch nicht verlinken.

Wenn ich in "meta" etwas ändere, wirkt sich das aber vermutlich auf alle Elemente in "meta" aus, oder? Ich will ja nur die Datumsanzeige ändern...

maxe

PHP

<div class="meta"><?php the_time('l, j. F Y'); ?> <?php edit_post_link(__('Edit This')); ?></div>

Was steht denn sonst noch alles in meta drin (außer der Edit-Link)??
Sonst leg ne eigene Class ums Datum.

QAndy2001

stimmt, eigentlich müssten es nur diese beiden Sachen sein. Kannst Du mir bitte kurz im Stylesheet zeigen, wo genau ich z.B. Farbwert für "meta" einstelle, da sind dermaßen vielen Meta-Einträge, dass ich verwirrt bin ;-)

Danke auf jeden Fall schon mal für Deine Hilfe!

maxe

Kann ich dir nicht genau zeigen, da ich keinen Link habe.

Aber ich vermute hier:

Code

.meta,
.meta a,
.meta a:hover,
.meta a:visited {
[COLOR=Red] color: #552704;[/COLOR]
 font-weight: normal;
 letter-spacing: 0;
 border: 0;
}

Musst halt selber ein bisschen rumprobieren.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Datumsformatierung / Farbe und Ausrichtung

Jetzt mitmachen!