Sidebar Redux

[Brian]

Jan 26, 2018 4:39:14 GMT -8 ltepic said:

Hi there - Just a small issue with siderbar container appering slightly off to the rest of the forum theme.

Pretty common issue on my side. I am sure you had tons of post like this before, but perhaps you can advise me on what to do?

Can you provide a link to the forum where the issue is happening? It's hard to understand the issue based on the description alone.

[ltepic]

Jan 29, 2018 9:13:46 GMT -8 Brian said:

Jan 26, 2018 4:39:14 GMT -8 ltepic said:

Hi there - Just a small issue with siderbar container appering slightly off to the rest of the forum theme.

Pretty common issue on my side. I am sure you had tons of post like this before, but perhaps you can advise me on what to do?

Can you provide a link to the forum where the issue is happening? It's hard to understand the issue based on the description alone.

piwnica.boards.net/

[Brian]

Jan 30, 2018 5:31:47 GMT -8 ltepic said:

Jan 29, 2018 9:13:46 GMT -8 Brian said:

Can you provide a link to the forum where the issue is happening? It's hard to understand the issue based on the description alone.

piwnica.boards.net/

The wrapper on that theme has a 30px top margin which is pushing it downward. You can add this to your style sheet to push the sidebar down by the same amount.

#sidebarr-right { margin-top: 30px; }

It's also worth noting that due to the structure of the Forum Wrapper layout template of that theme the browser is having to correct the HTML of the page when the Sidebar Redux plugin is enabled due to the fact that the $[header] and $[footer] variables aren't children of the same element. This is causing your forum's footer links (hosted by, Terms of Service, Privacy Policy, etc.) to be moved to the left.

[ltepic]

Jan 30, 2018 8:53:58 GMT -8 Brian said:

Jan 30, 2018 5:31:47 GMT -8 ltepic said:

Is there anyway I can prevent it from moving to the left?

[Brian]

Jan 31, 2018 2:25:40 GMT -8 ltepic said:

Is there anyway I can prevent it from moving to the left?

Prevent what from moving to the left? Please be more specific.

[ltepic]

Jan 31, 2018 8:58:37 GMT -8 Brian said:

Jan 31, 2018 2:25:40 GMT -8 ltepic said:

Is there anyway I can prevent it from moving to the left?

Prevent what from moving to the left? Please be more specific.

"This is causing your forum's footer links (hosted by, Terms of Service, Privacy Policy, etc.) to be moved to the left."

[Brian]

Feb 1, 2018 7:25:12 GMT -8 ltepic said:

Jan 31, 2018 8:58:37 GMT -8 Brian said:

Prevent what from moving to the left? Please be more specific.

"This is causing your forum's footer links (hosted by, Terms of Service, Privacy Policy, etc.) to be moved to the left."

Remove <div id="footer"> and its closing </div> tag on lines 397 and 409 of Themes > Layout Templates > Forum Wrapper.

You'll also need to add this back into Themes > Advanced Styles & CSS > Style Sheet as it was removed by the theme author:

footer { text-align: center; display: block; background: @footer_background; border: @footer_border; padding-top: 5px; padding-bottom: 28px; }

[ltepic]

Thanks a lot for the tip! But the sidebar is still stuck on the left side of the template.

[Brian]

Feb 2, 2018 5:01:08 GMT -8 ltepic said:

Thanks a lot for the tip! But the sidebar is still stuck on the left side of the template.

I don't see any of the changes I mentioned in my previous post on your forum.

Either way, every problem you're currently having is down to how that particular theme is designed. Most themes will have the $[header] and $[footer] variables inside of the <div id="wrapper"> element. This one has them outside of the element, presumably to keep the ads outside of the gray background around your board list. This is causing the sidebar to go around the wrapper instead of starting and ending inside of the wrapper and conforming to your forum width like it would on most other themes.

The easiest fix for your forum width is to add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

/* Sidebar Forum Width Override */
#sidebarr-wrapper {
    width: @wrapper_width;
    margin: 0 auto;
}
#sidebarr-wrapper #wrapper {
    width: 100%;
    margin-top: 0;
}

[rickangel]

Aug 24, 2015 9:41:03 GMT -8 Brian said:

Aug 23, 2015 17:49:05 GMT -8 ryohira said:

I put the Shoutbox in my sidebar. But, it's doing a weird thing where when I refresh the scroll bar jumps to the middle of the shoutbox.

Also, random question, how do I get my mini-profiles to look like yours Brian?

When you add the shoutbox to the sidebar the height of the container changes, so what was originally considered the bottom is no longer the bottom which leaves the scrollbar more towards the middle. Adding this to your global header will remedy that.

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

The mini-profile change is done via a plugin that I actually just submitted to the library yesterday. If it's not approved today it should be approved sometime this week.

I used this code to fix the scroll issue on the shoutbox and didn't quite work. It still set to a little ways up the messages and doesnt go all the way down. mobiusrifts.boards.net/

[Brian]

rickangel, try changing this line:

$('.shoutbox_messages').animate({"scrollTop": $('.shoutbox_messages')[0].scrollHeight}, "slow");

To this:

$('.shoutbox_messages').animate({ "scrollTop": $(this).outerHeight() }, "slow");

[Former Member]

Can i put an image in the sidebar?

[Brian]

Feb 23, 2018 7:34:14 GMT -8 @kawieman550 said:

Can i put an image in the sidebar?

The plugin supports HTML so you can add anything that you can add to a webpage, including HTML <img> tags.

[Former Member]

Thanks Brian

[Former Member]

P.S.
I was wanting to put my logo in it, is there a way i can i get a IMG tag for it?
thanks