Read More Link Changed !?

[rkeles]

Hi, I have installed JComments 2.0.0.14 to the Joomla 1.5

My "read more" links are used to be Colorfull but after I installed JComments, read more links now looks only text version?!!

How can I bring my older "read more" links back without uninstalling JComments ?

Or is there any way to cancel JComments read more link option to make sure only original template`s read more links comes up?


thank you

[smart]

No, but you can setup style of JComments 'read more' link via CSS and in this case it would be look same as your old link...

[rkeles]

No, but you can setup style of JComments 'read more' link via CSS and in this case it would be look same as your old link...

Thanks for your reply;

Can you tell me what type of change I have to do ?

These are my template`s `read more`  button .css codes;

Code:

a.readon {
background: url('../images/style1/b_readon.png') no-repeat 0 50%;
color: #fff;
}
a.readon:hover, a.readon:active, a.readon:focus {
color: #fff;
}

And these are the Jcomments css codes;

Code:

/* Content plugn link styles */



.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 -29px;}

.readmore-link {background-position: 0 2px;}

This is the my web site`s template demo: http://demo.gavickpro.serwery.pl/joomla15/apr2008/


And this is my web site: http://www.educationdialogue.org.uk/





Thanks

[smart]

Try this:

Code:

/* Content plugn link styles */
.comment-link {padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat;}

.comment-link {background-position: 0 -29px;}

a.readmore-link {
background: url('images/b_readon.png') no-repeat 0 50%;
color: #ffffff !important;

clear:both;
display:block;
float:left;
height:17px;
line-height:16px;
margin-top:10px;
text-align:center;
text-decoration:none !important;
width:82px;

}
a.readmore-link:hover, a.readmore-link:active, a.readmore-link:focus {
color: #ffffff !important;
background-position: 100%;
text-decoration: none !important;
}

And copy b_readon.png file to /com_jcomments/tpl/default/images/ folder

[rkeles]

Its get diferent style..

http://www.educationdialogue.org.uk/

 

[smart]

What do you mean? Who is different? JComments' Read more link and old Read more? Or Read more link and Comments link?

[rkeles]

thanks,

I mean
Read More liks should be same as in this theme;

http://demo.gavickpro.serwery.pl/joomla15/apr2008/


In my template, (which you edit one)

looks diferent, as you see here; http://www.educationdialogue.org.uk/

[smart]

You give me not full CSS I've correct previous post...

[rkeles]

Thanks for your helps, I think we nearly there..   

now, as you see on the web,

Background is RED, text(read more) is BLUE and when you mouse-over, text get WHITE..! Background color still RED !!

Correct one should be;

Background is RED, text is WHITE,  when mouse-over to link(read more) Text should be keep in WHITE, but background should change to  BLUE..


 

[smart]

Ok, I correct again styles in my post so update 

[rkeles]

woww.. thats perfect..   

Thank you.


just last thing (its not importent but I am bit sensetive )

Can we push the "Add new comment" link be more down to make sure it comes to same level with "Read more"link ?   
or we can do it invisible..

if they are diffucuilt to do, ignore them..


thanks for your time..

[smart]

Can we push the "Add new comment" link be more down to make sure it comes to same level with "Read more"link ?  
or we can do it invisible..

if you want put it to same level - add parameter:

Code:

margin-top:10px;

to style .comment-link, so it would be like:

Code: (css)

.comment-link {background-position: 0 -29px; margin-top:10px;}

[rkeles]

I tried but nothing has changed !   

I have played with

Code:

background-position: 0 -29px;

this code, When I change -29 to -20 only icon* coming down, but "Add new comment" text still there





Thanks,


*small icon before "Add new comment"

[gamenzie]

Very nice component....thanks.

I'm having the same problem with the component css taking control of the read more link.

What I tried is commenting out the readmore entries in the component's style sheet.  For some reason though it didn't work, with the read more and submit comment links remaining the same.

Rather than mimic the site's css in the component's css, is there a reason why I can't just delete the unwanted references in the component's style sheet?

Thanks a lot.

Glenn

[mooney101]

I also would also like to know how make it load the template "read more" not the JCcomments "read more"