- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Removing 'upper' comment link from Blog, and adding a divider between blog posts.
Can anyone help?
I notice that blog posts have two links to comments - one under the subject header, and one at the bottom of the post. I think two is surplas to requirements, and only want to keep the bottom one. What code do I need to add to my CSS?
I would also like to add a fine grey divider between my blog posts. Again, what code do I need?
With many thanks in advance.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
you can google the divider part. its on editors tricks website.
Also following bc i want to know about comments!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Add the following css to hide the first comments counter/link:
.blog-header .blog-comments { display:none; }
Add the following css to add a border to the bottom of each post. You can modify the border attributes to be consistent with the general style of your blog (border can for example be "dotted" or "dashed" instead of plain solid, the grey color can be something other than "808080", just add the desired grey color hex code; the bottom margin - the space between the bottom border and the next post - can be modified from the 20px below to whatever looks best to you).
.wsite-blog-index .blog-post { border-bottom: 1px solid #808080; margin-bottom:20px; }