×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
CComment
Pro
Templates
How to put button on the frontpage next to read more link
  • Page:
  • 1

TOPIC: How to put button on the frontpage next to read more link

How to put button on the frontpage next to read more link 13 years 7 months ago #11936

  • tassie
  • tassie's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 25
  • Thank you received: 0
Hello Daniel and others,

My template does not automatically look how it should look. The compojoom button does not have a solid place. It appears above the read more link and sometimes somewhere in the middle of the article field. (see attachment). I would like to have the button of Compojoom next to the read more link on a solid place. (see attachment)

Could you tell me how to do this? I think I must edit something in the CSS, but I don't know how. If you would like to visit my page: young-adults.nl and tell me what to do. That would be great.

Thanking you in advance for your help.

Best wishes,
Natasja

How to put button on the frontpage next to read more link 13 years 7 months ago #11940

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Online
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Go to your template.css file and add this line
.write_comment {
float:left;
}

This should most probably work :)

How to put button on the frontpage next to read more link 13 years 7 months ago #11941

  • tassie
  • tassie's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 25
  • Thank you received: 0
Hi Daniel,

Thank you for your reply. It works :)
Many thanks!

Best wishes,
Natasja

How to put button on the frontpage next to read more link 13 years 6 months ago #11952

  • tassie
  • tassie's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 25
  • Thank you received: 0
Hi Daniel,

I found out that some of the article buttons float to the middle. How do I make sure the buttons have the position always on the same place, below the image?

I have insert an attachment. The one which is circled with red, is how I would like to have it.

Look forward to hear from you.

Best wishes, Natasja

How to put button on the frontpage next to read more link 13 years 6 months ago #11955

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Online
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Go in your backend to components->compojoomcomment->setttings ->com_content -> layout.
There play with the options -> say that you want to modify the tempate that you use, save and you'll see 2 new tabs - one html and one css - > go to the html tab and find this code:
{readon}
	<div class='write_comment'>
		<a href="{READON_LINK}#JOSC_TOP" class="readon">{READON_WRITE_COMMENT} ({READON_COUNT} {READON_COMMENTS})</a>
	</div>
	{BLOCK-preview}
	<div class='comment_preview_container' style='clear:both'>
		{preview-lines}
	</div>
	{/BLOCK-preview}
{/readon}

change it to:
{readon}
<div style="clear:both"></div>
	<div class='write_comment'>
		<a href="{READON_LINK}#JOSC_TOP" class="readon">{READON_WRITE_COMMENT} ({READON_COUNT} {READON_COMMENTS})</a>
	</div>
	{BLOCK-preview}
	<div class='comment_preview_container' style='clear:both'>
		{preview-lines}
	</div>
	{/BLOCK-preview}
{/readon}

this should do the trick.
Daniel

How to put button on the frontpage next to read more link 13 years 6 months ago #11956

  • tassie
  • tassie's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 25
  • Thank you received: 0
Hi Daniel,

Thanks. It works, but at some points it still shifts a tiny bit. Any idea how to solve that?

Best wishes,
Natasja
  • Page:
  • 1
Forum
CComment
Pro
Templates
How to put button on the frontpage next to read more link
Time to create page: 0.118 seconds