Oct 10 2007

Drupal - Place Read More Link Before Add New Comment

Filed under: Content Management Systems » Drupal,

Tools:

Controlling Link Placement in Drupal

Getting Drupal's links to line up like you want them is not always easy. By default, the "read more" link on the front page is placed last in the item of links, while "add new comment" is placed first. If you examine the page's CSS, you'll notice that comment_add is prepended by "first," while "node_read_more" is prepended by "last." I think it's a lot more intuitive to place "read more" first, since I am likely to read the rest of the article before placing a comment. To change around the link placement, insert the following code snippet in your theme's stylesheet:

li.last.node_read_more { text-align: left } <br />
li.first.comment_comments, li.first.comment_add { float: right }    

If you have more links in your links section than simple "read more" and "add new comment," (for example, "forward" or "print"), then you can apply these style changes to these declarations as well. For example, to move the blog links after "read more" as well, you would use:

li.blog_usernames_blog

Read more link inline and immediately following teaser?

What if you would rather have the "read more" link immediately following the teaser, and not in the links section at all? This is a common approach used by many sites, and it is a very intuitive approach since as your eyes leave the last sentence of the teaser they immediately fall upon the "read more" link. Drupal has a contributed module, Read More Tweak, that is for this purpose. Note, however, that during testing we've found that the nodeteaser and excerpt modules conflict with the use of this module. So if you are using either of these modules your inline "read more" links may not appear at all.

Re: Read more issue

Submitted by a visitor from afar on Tue, 2007-10-16 19:57.

Hi again,
Thanks for this quick reply... I'm sure it is the excerpt module (I never used nodeteaser) - but in my case deactivating/uninstalling the module does not help further.
Well, nevertheless I tried to implement the snipplet above (even though it is only a temporary solution for me). It did not work at first (< br /> tag!?!), but finally I got the thought of it for adjusting the other details too (except that the other links are now completely unordered?). Thanks!
If you hear of a better workaround or even a fix... please contact me...

Apropos... sorry, I did not even give a hint (in the first comment) about who I am...
hQuadrat (www.hQuadr.at)

bg image

Submitted by a visitor from afar on Wed, 2008-06-11 05:36.

how would the css be if I want different bg images to each link in the menu?

sherif

drupal read more link

Submitted by a visitor from afar on Fri, 2008-07-04 12:26.

Nice - I've been trying to get the read more placement to work for some time now. This is just the information i was looking for.

css for read more links

Submitted by a visitor from afar on Thu, 2008-10-30 10:11.

Hi there,

CSS menu background images

Submitted by cwd on Fri, 2008-10-31 12:32.

Hi Lara,

You can generally add background to your menu images using the following CSS (in this example the menus are generated using Drupal's Nice Menus module - you might need to adjust your CSS element accordingly):

#block-nice_menus-1 a { background: #fff url(example.gif) no-repeat top center }

Thanks for this!

Submitted by a visitor from afar on Tue, 2008-11-11 15:59.

Thanks a ton - I've been trying to find a way to get my "comment" links to appear in a way similar to Wordpress for ages. Now I have the flexibility to place my read more links where I want them Smiling