Category alignment and div spacing

[Matte]

Jun 6, 2021 21:11:26 GMT -8 Kami said:

What is the height of your chatbox?

We have it set to 225px currently.

So it's seeming like what I actually want to do isn't going to be technically achievable. I'm thinking I should probably just abandon this one and start thinking of a different look.

[Kami]

Jun 7, 2021 22:24:12 GMT -8 Matte said:

Jun 6, 2021 21:11:26 GMT -8 Kami said:

What is the height of your chatbox?

We have it set to 225px currently.

So it's seeming like what I actually want to do isn't going to be technically achievable. I'm thinking I should probably just abandon this one and start thinking of a different look.

Probably not without like, a significant overhaul of the entire appearance, no. It's doable to a degree, but it would be a really huge investment. Sorry, I didn't realise you wanted to keep the info centre / shoutbox on the bottom like that when I responded initially :(

Let me know how you want to proceed!

[Matte]

Jun 7, 2021 23:16:19 GMT -8 Kami said:

Sorry, I didn't realise you wanted to keep the info centre / shoutbox on the bottom like that when I responded initially

Let me know how you want to proceed!

That's on me. I should have been more specific with my original intention.

So I'm considering two other (and much simpler) layouts now. One is the standard PB layout, but with the Stats and Shoutbox side-by-side at the bottom (I have this currently active under "testing theme for matte 2" on my forum). My other consideration is using Sidebar Redux and putting the Shoutbox and Stats there, but I can't seem to be able to get that to work to even see if I like the look of it. I tried everything here and here and have tried messing with my coding in every way I could think to, and I just can't get the Shoutbox into the sidebar. Haven't tried moving the Stats there yet, but I assume I'll have just as hard a time with that.

If you don't want to stick around here for that, I'll probably post a new thread for it.

[Kami]

I can look into it after work tomorrow!

[Kami]

Matte — could you enable the sidebar for this theme, and then make whatever changes to attempt to put it in the sidebar, please? you can do so on a per-theme basis in the plugin settings.

[Matte]

Jun 9, 2021 11:02:22 GMT -8 Kami said:

Matte — could you enable the sidebar for this theme, and then make whatever changes to attempt to put it in the sidebar, please? you can do so on a per-theme basis in the plugin settings.

Done.

Sidebar Redux is enabled and applied to the theme. The ID is sidebarshout.

Sidebar content field:
<div id="move-shoutbox"></div>

Golbal footer includes:
<script type="text/javascript">

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

</script>

Sidebar Redux header (to have the sidebar only on the home page):
<script type="text/javascript">
// Homepage-only Sidebar Redux \\
if(pb.data('route').name != "home")
document.write('<style type="text/css">.sidebarr-left-td, .sidebarr-right-td { display: none; } .sidebarr-center-td { padding: 0 !important; width: 100%; }</style>');
// Safari Browser Fix \\
if(pb.data('route').name != "home") {
pb.plugin.get('sidebar_redux').settings.left_enabled = 0;
pb.plugin.get('sidebar_redux').settings.right_enabled = 0;
}
</script>

Placed into style sheet:
#sidebarshout > .content {
   border-width: 0px;
   background-color: transparent;
   padding: 0px !important;
}

The shoutbox is enabled with height at 225px.

I do have the following code in my home template for my testing theme without using Sidebar Redux (I've tried both keeping and removing this code, to no avail):
<div class="container3"><div class="container shoutbox">$[shoutbox]</div></div>


And my Shoutbox template, if it matters:
<div class="$[shoutbox_class] container3"><div class="container shoutbox">
   <div class="title-bar"><h2><font color="ffffff">Shoutbox</font></h2></div>
       <div class="content">
           {if $[welcome_message]}
<div class="pad-all-double content-box shoutbox_welcome_message">
$[welcome_message]
</div>
{/if}
<div class="shoutbox_container orientation-$[reply_box_position] {if !$[can.post]}no-post{/if}">
<div class="$[shoutbox_posts_class]" style="height: $[height];" aria-live="polite">
{if $[shoutbox_posts]}
$[shoutbox_posts]
{else}
<b>There are no posts here.{if $[can.post]} Start the conversation {if $[reply_box_position] == 'bottom'}below{else}above{/if}.{/if}</b>
{/if}
</div>
{if $[can.post]}
<div class="shoutbox_form_container">
$[shoutbox_form.header]
<div class="shoutbox_form content-box">
                          <div class="float-left shoutbox_name">
                          {if $[shoutbox_form.guest_name.input]}
Shout as: $[shoutbox_form.guest_name.input]
                                  {else}
       Shouting as: $[current_user]
{/if}
                          </div>
$[shoutbox_error]
                          $[cancel_button]
                          $[post_button]
$[refresh_button]
$[reply_box_buttons]
                          $[shoutbox_form.message.input]

</div>
$[shoutbox_form.footer]
</div>
{/if}
</div>
</div>
</div>
</div>


EDIT: I've tried it using all of the codes I've listed, I've tried it using only the first two. I've tried different combinations of them all. I'm doing something wrong somewhere, just can't figure out where.

Also, I'm headed out for a while, so won't be able to continue troubleshooting on my end until late tonight.

[Kami]

No worries. Can you show me your plugin settings (not the input boxes where you place your content, but rather the actual settings for the plugin itself) when you have the time? No rush!

[Matte]

Jun 9, 2021 11:49:33 GMT -8 Kami said:

No worries. Can you show me your plugin settings (not the input boxes where you place your content, but rather the actual settings for the plugin itself) when you have the time? No rush!

Currently have Left Sidebar enabled. No fixed position. Style 1 (regular container) [I've also tried changing this up to both Style 2 and Style 3]. Do not have it collapsible. And not moving the banner.

[Kami]

Jun 9, 2021 13:40:37 GMT -8 Matte said:

Jun 9, 2021 11:49:33 GMT -8 Kami said:

No worries. Can you show me your plugin settings (not the input boxes where you place your content, but rather the actual settings for the plugin itself) when you have the time? No rush!

Currently have Left Sidebar enabled. No fixed position. Style 1 (regular container) [I've also tried changing this up to both Style 2 and Style 3]. Do not have it collapsible. And not moving the banner.

Sorry, I don't use the plugin, so could you please take a screenshot? It would be more beneficial than describing the selected choices (:

[Matte]

Jun 9, 2021 13:41:55 GMT -8 Kami said:

Sorry, I don't use the plugin, so could you please take a screenshot? It would be more beneficial than describing the selected choices (:

Currently on mobile, but I can do this later tonight. In the meantime, I did also post the issue in the Sidebar Redux thread.

[Matte]

Kami, I was able to get my Shoutbox issue resolved in an embarrassingly simple way. At some point, I must have changed the default Shoutbox div class, so my global footer code wasn't able to locate the Shoutbox.

Thanks for all the help and for leading me in the direction I needed to go!

[Kami]

Jun 9, 2021 20:07:43 GMT -8 Matte said:

Kami , I was able to get my Shoutbox issue resolved in an embarrassingly simple way. At some point, I must have changed the default Shoutbox div class, so my global footer code wasn't able to locate the Shoutbox.

Thanks for all the help and for leading me in the direction I needed to go!

haha, it happens, no worries! Are you all good to go then?

[Matte]

Jun 9, 2021 20:48:43 GMT -8 Kami said:

haha, it happens, no worries! Are you all good to go then?

I'm sure I'll run into something else down the line, but for now, I'm good. Thanks again!

[Kami]

Jun 9, 2021 21:50:41 GMT -8 Matte said:

Jun 9, 2021 20:48:43 GMT -8 Kami said:

haha, it happens, no worries! Are you all good to go then?

I'm sure I'll run into something else down the line, but for now, I'm good. Thanks again!

ofc, any time!