Relocating Shoutbox to the left in my forum

[Bob]

Forum URL: robsgames.freeforums.net

I'd like the Shoutbox at my forum to appear on the left hand side instead of at the bottom, as at this place: prowrestlingbooking.proboards.com/

[Scott]

Bob -

This is easily done through the Sidebar Redux plugin.

1. Install the Sidebar Redux plugin.
2. (If not already) Click into the plugin from the Manage plugins list.
3. Click on the Left Sidebar tab.
4. Under Settings tick the box for Enabled.
5. For Style tick the option for Style 3.
6. In the box for Content put this:<div id="move-shoutbox"></div>
7. Next click on the plugin's Header/Footer tab.
8. In the Footer section add this:<script type="text/javascript">
$(document).ready(function() {
$('#move-shoutbox').append($('div.shoutbox.container.full'));
});
</script>
9. Click the Save Changes button.

Let me know how it goes.

[Bob]

Looks good, overall, but after I type something in, there is a time reference below the message which is at first not entirely visible, until it reaches the 1 minute mark. First world problem?

[Scott]

Bob -

Try adding this to your forum's global header:

<script type="text/javascript">
$(document).ready(function() {
// Scroll to bottom of shoutbox messages
$('.shoutbox_messages').animate({"scrollTop": $('.shoutbox_messages')[0].scrollHeight}, "slow");
});
</script>

[Bob]

That didn't fix it.

I notice the same thing at the website I referenced in my OP.

This is really extremely minor and I feel like I'm really nitpicking. I will probably not have a heart attack about this.

[Scott]

Bob -

Try reversing the direction (new shouts at top) and see if that makes a difference.

[Bob]

How?

I don't think I'd want new messages on top anyway.

[Scott]

Bob -

In the settings for the Shoutbox (Admin > Settings > Forum Settings > Shoutbox tab)

[Bob]

That didn't fix anything.

[Scott]

Bob - hmm... sorry.

[Scott]

Bob -

Oh, give this a try. Go to the plugin: (Admin > Plugins > Manage, Click on Sidebar Redux). Click on the tab for Left Sidebar, then for Left Sidebar Width change the value to 250px. (Scroll down and click Save Changes.)

Any better?

[Bob]

OK, that fixed it, thank you.

Do I still need that first fix you had me add to my global header, uptopic, or can I delete it from my global header?

[Scott]

Bob - you should be able to delete it.

[Bob]

Done, and everything looks good.

Thanks again, Scott.

[Bob]

Okay, so the length of the time stamp message, eg, "about an hour ago", determines whether there's enough width to read it all.

Which means the developer of this Plug In might want to look into shortening those messages. Lemme go see if their forum is still active.