A few shoutbox questions.

[Angelic Girl]

Okay so I've tried to get this done myself and I'm finally asking for help.  

Anyways, what I would like is for the shoutbox to be directly center underneath the forums -so the same width as the boards- and not stretching across underneath the entire space of the forum and sidebars.  My site is here:

unforgivable-curse.proboards.com/

Is there any way this can be done? I tried the general width resizing code but it just changed the width, and made it center with the entire site, whereas I would like it directly underneath and aligned under the forums and my "Daily Prophet" table.

Also, there seems to be a gap underneath my Shoutbox, and I don't know why it's there.  I've tried going to shoutbox templates and resetting it to default but it is still there. :/

Any help would be appreciated.  Let me know if I'm not clear enough with my explanation. ;.;

[Brian]

Hi, Angelic Girl.

Try adding this code to your forum, placing the <div id="move-shoutbox"></div> portion into the Footer section of the sidebar plugin, under the Header/Footer tab.

[Angelic Girl]

Thank you Brian, I didn't even think about putting it there. Now how do I get rid of the space / gap that's underneath it?

[Brian]

The small 10px margin that's at the bottom of every container? That's the only thing I can think of that you might be referring to.

Add this to the same place you put the code.

<style type="text/css">
div.container.shoutbox.full { margin-bottom: 0px; }
</style>

[Angelic Girl]

Brian 

On my screen I see this:

I'm using google chrome. 

[CheatAreZee]

Hi Angelic Girl,

To remove that gap, visit your admin panel and then navigate to Themes > Advanced Styles & CSS. Once there, click on the "Style Sheet" tab and then scroll down to line 1340 and you should see this line:

.shoutbox_container.orientation-bottom { padding-bottom: 174px; }

Change 174px to 0px and that should get rid of the gap

[Angelic Girl]

Thanks CheatAreZee, that worked perfectly. :3