Move Shoutbox Into Side Tables

[spiceelicious]

Sorry if this has been asked before. I've been bookmarking a lot of posts but can't seem to find it.
Is there a way to move the shoutbox to the side tables. I am using Sidebar Redux.

Thank you!

[Brian]

Hi, spiceelicious.

Simply paste this code into one of your sidebar containers. Then go into your theme's style sheet (Themes > Advanced Styles & CSS > Style Sheet) and add the following CSS to the end:

#sidebar-id > .content-box {
    border-width: 0px;
    background-color: transparent;
    padding: 0px !important;
}

Or if you're using Style 1, use this code:

#sidebar-id > .content {
    border-width: 0px;
    background-color: transparent;
    padding: 0px !important;
}

Substitute sidebar-id with whatever you typed into the ID field for your container in your plugin settings.

[spiceelicious]

Thank you

[Brian]

No problem.

[spiceelicious]

I've run into an error. I'm sure I did it correctly but being blond you never know.
This is the error message I get when trying to save the style sheet.
variable@ve_posts_code_text_color is undefined

Also, the built in shoutbox is still there.

[Brian]

Tim is investigating the @ve_posts_code_text_color issue.


I tried myself and it displays correctly on my forum. Did you follow the instructions correctly? Your sidebar should have this code in it:

<div id="move-shoutbox"></div>

And your Global Footer should have this code in it:

<script type="text/javascript">

$(document).ready(function() {
      $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

[spiceelicious]

ok, that did the trick. Not sure why id didn't work before.
Just a quick question. Do I need to add this part
#sidebar-id > .content {
    border-width: 0px;
    background-color: transparent;
    padding: 0px !important;
} to the CSS for all the themes I use?

[Thaïs]

Brian - Hi Brian,

here I am trying to make this work... I have a little issue, I now have two funny looking sidebar shoutboxes and can't figure out how to get rid of one. Could you take a look, please?

Also, how do I make the forum span a little wider across the page so that things aren't to tight? 

Forum

[Thaïs]

OK, I adjusted the width so now I only need to figure out why I have to sidebar shoutboxes..

Also, Brian how do I make it so that the shoutbox is in the sidebar on the homepage only?

I'm so sorry, so many questions

[Brian]

Place this in your Global Header:

<script type="text/javascript">
if(proboards.data('route').name != "home")
document.write('<style type="text/css">#shoutbox-id { display: none; }</style>');
</script>

Replace the text in red with the ID you gave the container with the shoutbox in it.

[spiceelicious]

Jan 17, 2013 18:15:32 GMT -8 Brian said:

Place this in your Global Header:

<script type="text/javascript">
if(proboards.data('route').name != "home")
document.write('<style type="text/css">#shoutbox-id { display: none; }</style>');
</script>

Replace the text in red with the ID you gave the container with the shoutbox in it.

I am confused. Is that post for myself or Thais?

[Thaïs]

Brian

Hi Brian, I'm sorry I'm just at a loss here... I switched over to the Beta forum to test this out, so far I'm experiencing the same issues. I have two shoutbox sidebars on the home page (wish I could get rid of one) and then followed your instructions to make the sidebar appear only on the home page (which I found here on your plugin's thread).

Then, I'm trying to force the page to spread at 1240 width, but even though the preview box at the bottom of the visual editor shows the change, nothing happens to the forum itself...

Then, every time I insert that necessary code at the bottom of the Style Sheet I get this error message: 
variable ve_posts_code_text_color is undefined

What I'm trying to achieve is to have a sidebar with the shoutbox in it on the home page and then a sidebar with a list of all the boards on every other page (leaving the shoutbox at the bottom on every page other than the home page).

Not sure if this is achievable, in any case I'll take any help you can give me

[spiceelicious]

Seems a lot of us are getting that error message no matter what we try and do. I am getting it in the style sheet, inserting plugins and trying to save them and probably more.

[Thaïs]

Paging Brian!! Brian, HELP!!

[Thaïs]

bump