Move Lastpost Date / Time to Same Line as Lastpost Person?

[TenaciousD]

Can someone suggest an easy means of moving the lastpostdate on forumhome to align beside (and to the right of) last person posting, leaving both sets of information to share a single line (but remain below thread information)?

Please see the screenshot for an example of the effect I would like to achieve.

[TenaciousD]

Bump. Anyone? I've tried adjusting the width, with no success.

[Lynne]

I think you'll need to modify the template since the line with "by xxxx" is a <div> and the line with the time is a <p>. You'll want to combine them. (If just by CSS, then you'd need to make them both display as inline-blocks and float the first one left, but I think you'd have to set a width also that would work for all usernames - better to modify the template.)

[LinkBliss_com]

I managed to do this somewhat though I'm not totally satisfied with it, I wish the date was a smaller font size. I removed the time stamp because it will still wrap with smaller screen sizes/longer user names

Here is my site --
http://cpsobsessedforums.com/forum.php

And my slightly modified template code for forumhome_lastpostby --

<vb:if condition="$show['lastpostinfo']">
	<p class="lastposttitle">
	<vb:if condition="$show['icon']"><img src="{vb:raw icon.iconpath}" class="postimg" alt="{vb:raw icon.title}" border="0" /></vb:if>
	<vb:if condition="$lastpostinfo['prefix']">{vb:raw lastpostinfo.prefix}</vb:if>
	<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}" class="threadtitle" title="{vb:rawphrase go_first_unread_in_thread_x, {vb:raw lastpostinfo.lastthread}}">{vb:raw lastpostinfo.trimthread}</a>
	<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
	</p>
        <div>
	<vb:if condition="$lastpostinfo['lastposterid']">
		{vb:rawphrase by_x_memberaction, {vb:raw memberaction_dropdown}}
	<vb:else />
		{vb:rawphrase by_x_guest, {vb:raw lastpostinfo.lastposter}}
	</vb:if> on {vb:raw lastpostinfo.lastpostdate}
	</div><!-- 
	<p class="lastpostdate">{vb:raw lastpostinfo.lastpostdate}<vb:if condition="!$show['detailedtime']"><!--, --><span class="time"><!-- {vb:raw lastpostinfo.lastposttime} --></span></vb:if></p>
<vb:else /> -->
	<span class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <vb:if condition="!$show['detailedtime']"><span class="time">{vb:raw lastpostinfo.lastposttime}</span></vb:if></span>
	<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</vb:if>

Eric

[Lynne]

For the date, modify the stylevar "small_fontSize" OR, add to additional.css:

.forumbit_post .forumlastpost .lastpostdate {
	font-size: 9px;
}