TOPIC: Latest Comment Module CSS File

Hi Daniel Dimitrov ,

I want to use images as background for the latest comment module. But I dont know where is its html and css file or code. So that I can modify it.

Actually I want to use use two images. First one as background for heading and second one for content background and I also need some text font and color modification.

One thing more I want to disable the mouse over which shows the comments when I move pointer to some comment link.

Please I need info. about its layout files.

Thanks in Advance.

About the mouse over effect - look in the module's settings.
About the first one - we don't use any css file with the module. You can add the module classes directly to your template. Install firebug for firefox and check what classes do the module have and then write the necessary code in your template.

Thanks for your help.

the 2nd problem is sloved.

But after checking the classes of this module, I found that it is using the class moduletable and mod_comment
.
<div class="moduletable">
<h3>LATEST COMMENT</h3>

<div class="mod_comments">
<ul class="mod_comments">
<li class="mod_comments"></li>

<li class="mod_comments"></li>

<li class="mod_comments"></li>

<li class="mod_comments"></li>

</ul>
</div>
</div>

In moduletable class if I use my image as background then it changes the background image of all other modules.

But if I use image as background in mod_comment then it apply it only to the comments line and not at the area above or below that.

Now I dont know where to over write this class of css or to do what now.


If someone have done this before then kindly reply.

open the module settings - find module suffix, enter "_custom", then the class should become moduletable_custom

Thanks a lot Daniel,

You have solved my problem. And I am out of trouble now, man.

kakaajee wrote:

<div class="moduletable">
<h3>LATEST COMMENT</h3>

<div class="mod_comments">
<ul class="mod_comments">
<li class="mod_comments"></li>

<li class="mod_comments"></li>

<li class="mod_comments"></li>

<li class="mod_comments"></li>

</ul>
</div>
</div>

Hi!

I'm wondering where is that part of code? I'm trying to make "tooltip" more visible, cuz now the background is transparent.
I can't find anything you wrote here about modifing suffix or something like that