Changing font and colour of "comments" text

[danrocha]

Hello everyone,

I would like to change the font and text colour of the comments text at the bottom of each post. Not the comments themselves, just where it says "comments (10)" for example at the bottom of each post.

I have changed every element within style.css within the "Post content font styles" section, but nothing affects the comments.

Thanks in advance,

Dan

[Mr Anderson]

More information is needed, either post a link that shows what you have or a related snippet of your markup.

[danrocha]

No worries...

This is my current code:

.storytitle {
   font: Bradley Hand ITC, "Palatino Linotype", Palatino, "Book Antiqua",  helvetica, sans-serif;;
   letter-spacing: -1px;
   color:#c11a09;
}

.storytitle a {
   text-decoration:none;
   font: bold 40px Bradley Hand ITC, "Palatino Linotype", Palatino, "Book Antiqua",  helvetica, sans-serif;;
   color:#c11a09;
}

.storytitle a:hover {
   text-decoration:none;
   font: bold italic 40px Bradley Hand ITC, "Palatino Linotype", Palatino, "Book Antiqua",  helvetica, sans-serif;;
   color:#c11a09;
}

.storycontent p {
   padding: 5px 0px 0px 0px;
   font: 18px  "Papyrus", Palatino, Georgia, "Book Antiqua",  helvetica, sans-serif;;
   color:#030000;
   width: 900px;
   height: auto;
}

.storycontent p blockquote {
   display: block;
   min-height: 45px;
   padding: 21px 10px 10px 50px;
   background:url(images/paperclip.jpg) 10px top no-repeat;
   font-family: "Palatino Linotype",Palatino,Georgia,"Book Antiqua",helvetica,sans-serif;
   color: #666;
}

.storycontent blockquote {
   display: block;
   min-height: 45px;
   padding: 21px 10px 10px 50px;
   background:url(images/paperclip.jpg) 10px top no-repeat;
   font-family: "Palatino Linotype",Palatino,Georgia,"Book Antiqua",helvetica,sans-serif;
   color: #666;
}

[Mr Anderson]

It's the markup I need to see. So I know what tags, IDs and/or classes are in use.

[danrocha]

Im sorry, I dont know what markup is, Im very very new to all of this

Dan

[Mr Anderson]

Im sorry, I dont know what markup is, Im very very new to all of this

I need to see the relevant part that has the HTML and Wordpress template tags, like you showed in your other thread but this time the part for the the post footer/comments indicator part that you're asking about.

[danrocha]

Ok, I hope this is what you are after...

<div id="post_content">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php the_date('','<h2>','</h2>'); ?>

   <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
       <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
      <!-- <div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> &#8212; <?php the_tags(__('Tags: '), ', ', ' &#8212; '); ?> <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?></div> -->

      <div class="storycontent">
         <?php the_content(__('(more...)')); ?>
      </div>
       
        <p>Posted in <?php the_category(',') ?></p>

      <div class="feedback">
         <?php wp_link_pages(); ?>
         <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
      </div>

   </div>



   <?php comments_template(); // Get wp-comments.php template ?>

   <?php endwhile; else: ?>
      <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
   <?php endif; ?>

   <?php posts_nav_link(' &#8212; ', __('&laquo; Newer Posts'), __('Older Posts &raquo;')); ?>

[Mr Anderson]

You can either target the feedback ID like this #feedback a:link { } if you want all the links in that section styled the same, or add a class to the comments_popup_link tag: http://codex.wordpress.org/Function_Reference/comments_popup_link

[danrocha]

Im sorry, thats completely over my head and I wouldnt even know where to start.

I much appreciate your help though.

Dan

[Matt]

Im sorry, thats completely over my head and I wouldnt even know where to start.

I much appreciate your help though.

Dan

Then with all due respect, pay a pro or use a theme you like, or spend lots of time working it out and learning it.

[danrocha]

I just assumed it would be quite straight forward, I have managed to change the text on every element of the site, just not the element that displays number of comments or the categories the post relates to.

Never mind, thanks anyway.

[Mr Anderson]

I agree with Matt, however:

Code:

      <div class="feedback">
         <?php wp_link_pages(); ?>
         <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)'), 'comments-link'); ?>
      </div>

Code:

.comments-link { color: f00; }