JComments Latest - css issue with Rocket Theme and ul class

[mk1200]

I posted this over at RT, but thought you guys may know the answer.

Changing the Module Class Suffix changes the layout of the Jcomments module. When I change the module suffix to low, the ul class changes from jclist to jclistlow. My quick fix was to create new css rules in joomla.css, but I'm limited to choosing one suffix. What should I edit in order to combine low and noicon?

Code:

/* JComments Module */
.rt-block ul.jclist {margin:0;padding:0;list-style:none;}
.rt-block ul.jclist li {background:url(../images/typography/speach-bubble.png) 100% 0 no-repeat;padding:5px 60px 5px 10px !important;margin: 0 0 5px 0 !important;position:relative;}
.rt-block ul.jclist li img {position:absolute;padding:5px;top:2px;right:-5px;}
.rt-block ul.jclist .jcl_comment {line-height:130%;text-indent:0;padding:0;}
 
.rt-block ul.jclistnoicon {margin:0;padding:0;list-style:none;}
.rt-block ul.jclistnoicon li {background:url(../images/typography/speach-bubble.png) 100% 0 no-repeat;padding:5px 60px 5px 10px !important;margin: 0 0 5px 0 !important;position:relative;}
.rt-block ul.jclistnoicon li img {position:absolute;padding:5px;top:2px;right:-5px;}
.rt-block ul.jclistnoicon .jcl_comment {line-height:130%;text-indent:0;padding:0;}
 
.rt-block ul.jclistlow {margin:0;padding:0;list-style:none;}
.rt-block ul.jclistlow li {background:url(../images/typography/speach-bubble.png) 100% 0 no-repeat;padding:5px 60px 5px 10px !important;margin: 0 0 5px 0 !important;position:relative;}
.rt-block ul.jclistlow li img {position:absolute;padding:5px;top:2px;right:-5px;}
.rt-block ul.jclistlow .jcl_comment {line-height:130%;text-indent:0;padding:0;}
 
.rt-block ul.jclistmed {margin:0;padding:0;list-style:none;}
.rt-block ul.jclistmed li {background:url(../images/typography/speach-bubble.png) 100% 0 no-repeat;padding:5px 60px 5px 10px !important;margin: 0 0 5px 0 !important;position:relative;}
.rt-block ul.jclistmed li img {position:absolute;padding:5px;top:2px;right:-5px;}
.rt-block ul.jclistmed .jcl_comment {line-height:130%;text-indent:0;padding:0;}

[smart]

I don't understand your problem. The JComments module inserts CSS styles definition and uses Class Suffix from parameters.

At this momemnt you could disable these styles emeding by editing JComments module code (mod_jcomments.php) and remove code:

Code: (php)

modJCommentsHelper::getModuleStyles($params);

In next module version I'll add new parameter to disable using embeded styles

[mk1200]

That did the trick. Thank you!

[orbiq]

Hallo everybody!

I have also RocketTheme template - Iridium. I need implement css styling for latest comment module through class suffix.

But if i use for example hilite3 class suffix, i dont see any change.

Please help. See screenshots.