I'd like to make the link to comments more visible by moving it to the bottom of the post and altering the font color and size. I'd also like to add an icon next to the link. Basically, I'd like it to be similar to the 'Share This' link at the bottom of each post here: http://www.mysouthborough.com/.
Any suggestions on how to do this?
You'd have to edit the theme template files to move the comments link. Open index.php, find this line and move it to the bottom.
<?php comments_popup_link('No comments yet', '1 comment', '% comments', 'comments-link', 'Comments are off for this post'); ?>
ideal place to paste it would be in the line above </div><!--.entry-->, just before the </p> tag.
Target it through CSS and change the color and size like this.
body.custom .comments-link {
color: #c00;
font-size: 14px;
}Image:
Upload your image to the images folder and add a couple of declarations to the above CSS selector (final CSS below). You might have to play around a bit until you get the image right.
body.custom .comments-link {
color: #b00;
font-size: 14px;
background: url(images/pp-bullet.gif) 0 50% no-repeat;
padding-left: 15px;
}change the 15px left padding depending on the size of the image.
Hi Ravi,
I haven't done the image bit yet, but I followed your instructions to move the comment link on my test blog (http://southboroughblog.com/) and it worked great. I also wanted to move the comment link on the search results and archives pages, so I made the same change to the search.php and archive.php files.
In looking more closely at the search and archive pages, I noticed that categories and tags are not displayed on those pages by default (I'm using full content not excerpts on those pages). I tracked down the relevant bit of code in index.php and copied it into search.php and archive.php. Worked perfectly. Thanks for pointing me in the right direction!
I added an image as instructed and all worked well (see http://www.mysouthborough.com/). Many thanks for an excellent theme and excellent support.
This works great. However, I am also using an image, and it lines up right next to the '1 comments'; I'd like there to be a space between the image and the text. I can't figure out the custom css for that. Any help?
Also, Susan, I see on your page you there is white space between categories and the comment item. how would I get a blank line in there?
Thanks!
Mike
never mind, I figured out I needed to adjust the 15px to 20px. Duh.
Really, Hat’s off. Well done, as we know that “hard work always pays off”, after a long struggle with sincere effort it’s done. This action proof to be a win, win situation. This is a true art work, which will be a success story.
===========================================
Support for Technology
OK, this explains it, thanks
You must log in to post.