Need your expertise please!

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I have installed a JS-Kit comment box for my guestbook. It looks great except for one thing... at the top of the comment box - where the name and time is, it looks so squished together. Does anyone know what code I can add to help put in a bit of space between the 1st comment line and the time/name is?

Here's a screenshot:
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • puzzled

Posted 10 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
try this <!-- <br> -->

this gives you a line break, put it in after the name.
PS dont add the <!-- -->
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I don't know where to put it though! Here's the coding:
<!--<html>
<div align=center><body> 
<!-- JS-Kit template comment thread start-->
<!--<div class='js-kit-comments' adminBgColor='#DDDDDD' label='Leave a comment' flashColor='#FFF6EB' paginate='5' backwards='no' style='width:400px'>
<div class ='js-singleComment'>
<div class='js-singleCommentBg'>
<div class='banner'>
<span style='float:left; position:relative; top:2px'><span class='js-singleCommentName'>{Name}</span><span class='says'> says:</span></span>
<span style='float:right; position:relative; top:2px'><span class='js-singleCommentDate' >{Date}</span> <span class='js-singleCommentDate'>{Time}</span></span>
</div>
<div class='js-singleCommentAvatar' style='float:left; margin-right:8px; margin-top:5px; margin-left:4px'></div>
<div class='js-singleCommentText'>{Text}</div><br />
<div class='js-singleCommentCtls'>
<span class='js-singleCommentReplyable'><a class='js-singleCommentReply'>{Label:reply}</a></span>
<span class='js-singleCommentDeletable'> <a class='js-singleCommentDelete'>{Label:delete}</a></span>
<span class='js-singleCommentModeratable'> <a class='js-singleCommentModerate'>{Label:moderate}</a></span> </div>
<div style='clear: both'></div>
</div>
</div>--!>
<!-- JS-Kit template comment thread ends-->
<!-- JS-Kit template Leave a comment form starts-->
<!--<div class='js-CreateComment'>
<div class='js-CreateCommentBg'>
<div class='js-commentFieldSubject'>{Label:leaveComment}</div>
<div>
<span class='js-commentFieldLabel'>{Label:nicknameLabel}</span><input name='js-CmtName' size=14 />
<span class='js-commentInputEmail'>
<span class='js-commentFieldLabel'>{Label:emailLabel} <input type='email' size='20' name='js-CmtEmail'/></span>
<span class='js-commentFieldNote'>{Label:emailNote}</span>
</span>
</div>
<div class='js-commentFieldLabel js-commentRatingDisplay'>{Label:ratingLabel}</div>
<div class='js-commentFieldRating js-commentRatingDisplay'></div>
<div class='js-commentFieldLabel'>
<textarea name='js-CmtText' rows=4 cols=45></textarea>
</div>
<div class='js-commentOpenID'>{Label:openidLogin}
<span class='js-commentOpenIDURL'></span>[<a class='js-commentOpenIDLogout'>{Label:logout}</a>]
</div>
<div class='js-commentInputOpenID'>
<div class='js-commentFieldLabel'>{Label:openidLogin}
<div class='js-commentFieldNote'>{Label:openidNote}</div>
</div>
<div><input name='js-CmtOpenID' type='openid' size=32 /></div>
<div class='js-OpenIDError'></div>
</div>
<div class='js-commentAvatarArea'></div>
<div class='js-CCButtons'>
<input type='submit' name='js-Cmtsubmit' class='js-CmtButton' value='{Label:submit}'>
<input type='reset' name='js-Cmtcancel' class='js-CmtButton' value='{Label:cancel}'>
<span class='js-CCMore'>[<a class='js-commentMore'>{Label:more}</a>]</span> </div>
<div class='js-poweredBy js-antispamBy'>(<a href='http://js-kit.com/comments?wow'>Powered by JS-Kit</a>)</div>
</div>
</div>
</div>--!>
<!-- JS-Kit template Leave a comment form ends-->

 

.js-CreateCommentBg {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0; color:#5e5e5e; padding-left:0px; padding:10px; margin:0px; float:none; border-color:#D1DCDE; border-width:1px; border-style:none; background-color:#FFE5B8}
.js-singleCommentBg {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0; color:#5E5E5E; padding-left:0px; padding:5px; border-color:#D1DCDE; border-width:0px; border-style:solid; background-color:#FFE5B8}
.js-OldComments {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; border-color:#D1DCDE; border-width:1px; border-style:none; background-color:#646E27; padding:5px}
.js-CreateComment {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:red; border-color:#D1DCDE; border-width:3px; border-style:solid; background-color:#6E604F; padding:5px; margin-top:10px}

--!>
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Can anyone help me figure this out? Pretty please?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hi "littleus"

Login to you account at js-kit.com
Click "support" and you will notice their customising options for your widget are extensive.

If the answer is still not there, send them an email. Their customer support is OK
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
sorry for my late reply - ive just woken up!
in about line 10 of the code above you will see this

<!--{Name}</span><span class='says'> says:</span></span>-->

add the <!--<br>--> after the second /span
ex.
<!--{Name}</span><span class='says'> says:</span></span><br>-->

good luck - it worked my end, let me know what happens and if its the result you were after.

PS - dont add any <!-- -->
Lee.
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Awesome Lee! Great troubleshooting!
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Nice work Lee!

littleus remember to trial it first. Lee's code obviously works but interactions can and do happen.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks guys! I did figure out where to put the
but it's nice to see that I got it right! =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Glad you fixed it - think of the <!--<br>--> the same as pressing enter on the keyboard. Code can be overwhelming at times, but its actually easy.