[Solved] "Read more" and "Comment" style

[pisolino]

(...sorry for my no good english...)

This is my first post.

Your extension is fantastic. It is a pity that it is not in JED.

Can you help me to change "Read more" and "Comment" Style?
I'd like Jcomment button have the same style of my template. I use "Pinboard Template" (Yootheme) http://www.yootheme.com/blog/category/root/3

I think it is enough change default css jcomment style, but I do not know CSS, PHP, etc ...

Can you help me ?

[smart]

Search the forum, I'll post info about your question some days ago. Try to use word 'jcomments-links' in search box.

Your extension is fantastic. It is a pity that it is not in JED.

last 3 weeks it waiting in approving queue in JED.

[pisolino]

You are referring to this?
http://www.joomlatune.com/forum/index.php/topic,288.0.html
.....or http://www.joomlatune.com/forum/index.php/topic,616.0.html

[smart]

No, see here: Re: Readmore link

[pisolino]

I try to contact YOOtheme support to understand what is the reference class.

[smart]

I think that you can disable using JComments' readmore style in JComments content plugin. It is simple...

[pisolino]

I attach the result. Now i have my template "read more" button and a simple "comment" button style.

I'd like "read more" and "comment" button as my tamplate style. How can i do?

[smart]

In this case you must revert settings (enable using JComments style) and then in /components/com_jcomments/tpl/default/style.css setup styles for these links.

There are 3 CSS classes for it:

Code: (css)

.jcomments-links {margin-top: 10px; clear:both; text-align: left}
.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat}
.comment-link {background-position: 0 -27px}
.readmore-link {background-position: 0 2px}

The 'jcomments-links' sets params for links container (such as margin and align) you can stay it without any changes.

All you need - replace lines:

Code: (css)

.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat}
.comment-link {background-position: 0 -27px}
.readmore-link {background-position: 0 2px}

with

Code: (css)

.comment-link {/* put here style definition for comment link */}
.readmore-link {/*copy here style definition for readmore link from your template */}

Or you can go by another way and remove lines:

Code: (css)

.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat}
.comment-link {background-position: 0 -27px}
.readmore-link {background-position: 0 2px}

from JComments styles file and then change your template by adding '.comment-link' and '.readmore-link' to Readmore class definition in your template. For example search:

Code:

a.readmore {

and replace with

Code:

a.readmore, .comment-link, .readmore-link {

Or... last way.. you can edit /components/com_jcomments/tpl/default/tpl_links.php and replace class="readmore-link" with class="readmore"...

[pisolino]

Ok stop now!

I test all suggestions and test some other solution!   ......soon

[1001notte]

Or... last way.. you can edit /components/com_jcomments/tpl/default/tpl_links.php and replace class="readmore-link" with class="readmore"...

I've same problem using Vox template by YooTheme.

The "readmore" is not the one used by my template.

YooTheme team confirmed me I have to do some change in JComment files, but it's hard to understand the right one.

I would like to do suggested modification to tpl_links.php file, but the file doesn't contain the class mentioned.

Can you help me?

Thanks

[smart]

The "readmore" is not the one used by my template.

You could edit Content - JComments plugin parameters and set your own CSS class name for both links (Readmore and Comments). The default Joomla's readmore class is 'readon'.

[1001notte]

Thanks! I didn't know about "Content JComments Plugin" parameters.
Solved my problem. Thanks.