×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Latest Comments Formatting Issue

Latest Comments Formatting Issue 15 years 1 month ago #7415

  • LiveCheap
  • LiveCheap's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0
Greetings-
I've just installed the Latest Comments module and would like to know how to modify the formatting of the links/comments. (I want to remove the top border line. See attached image.) Is there some CSS or other file that I need to update? I'm pretty new to Joomla and "okay" with CSS so I appreciate your advice and patience in advance.

Latest Comments Formatting Issue 15 years 1 month ago #7419

  • JonusC
  • JonusC's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 785
  • Thank you received: 48
It'd be very well worth it to you to check out Firebug and become friendly it - it allows you to right-click nearly every part of a webpage and 'Inspect' it to find what CSS is applied to it and where it's comming from. I was only very new to CSS when I first used it - believe me, it helps!

I will try to suggest though based on a screenshot.

I think it's a bottom-border style that's applied. It looks like a top-border, but it cuts off at the same point of "Whats The Deal With..." for example. Find the CSS style applied to whatever that Comment Title class is called in the module (I can't remember and I don't have the module installed) and set border-bottom:none; in the CSS definition for it.

Latest Comments Formatting Issue 15 years 1 month ago #7422

  • LiveCheap
  • LiveCheap's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0
Thanks. Firebug is definitely a great tool. Through it I found the style used and noticed that the article title and comment are anchored together and within that, the article title is given the style "small" (see below). When I set the style to include "text-decoration:none," it of course, removed all the underlines entirely - which isn't what I wanted. I just want the comment portion underlined, not the article title. Hope that makes sense and hopefully you can help. (I would think it would be something simple in CSS but I'm a newbie.)

Here's what firebug produced:

<li class="mod_comments">
<a class="mod_comments" href=" livesmartmedia.com/food/restaurants/77-w...comment_id=27#josc27 ">
<span class="small">
What's The Deal With Tipping Anyway?
<br/>
</span>
Damn that's funny Karl. But oh so true. That ...
</a>
</li>

Latest Comments Formatting Issue 15 years 1 month ago #7423

  • JonusC
  • JonusC's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 785
  • Thank you received: 48
Try this CSS snippet. You will need to insert it into the CSS file of your Joomla Template since the Latest Comments module doesn't have it's own CSS file.
a.mod_comments {
    /*  Styling to affect all the text  */
    text-decoration:underline;
}
a.mod_comments span.small {
    /*  Styling to affect only the title span  */
    text-decoration:none;
}

If that doesn't work we will just modify the modules PHP file manually. Try this alternative method of you can't get the above to work well:
1) Line #245 of modules\mod_comments\mod_comments.class.php, change from...
$html 	.= "<span class='small'>";
...to...
$html 	.= "<span class='small' style="text-decoration:none;">";
  • Page:
  • 1
Time to create page: 0.113 seconds