Bruuuuuuh, my gratitude is immense. Unfathomable. Bottomless. It worked! It made things a little janky, but I think I got everything
almost back to how it was. The thing is, I tried doing
just that? I looked at the same Support thread and everything and tried replacing divs with tds, eventually resetting to default, and that whole shebang. But here's the thing.... I only did it under the Post List tab. And not the Thread tab. ;v; I imagine that had to make THE difference.
And is also the perfect example of me tossing things around with no real understanding of how things work lololol. Otherwise I just missed one somewhere (not very unlikely tbh).
Really, seriously, thank you soooo much! Everything is almost perfect now, that was my biggest and most dreaded hang-up.
Except, now the sticky on the left-panel isn't working? (Super ironic, considering that's what started this thread in the first place lmaooo.) I tried putting it back in there per the instructions on your first post... even tried doing it a different couple of ways... but nothing seems to be working. The navigation bar is still fine. But when I try to add a sticky to the image in the left panel once more, not only does it
not sticky, but it creates this weird space on ONLY the FIRST post in a thread/the recent post list? (
Image for reference) The rest of the posts, that space isn't there, so..... weird?
But really, that's not such a big deal. I can't seem to figure it out but if it's not an easy fix, it's okay, it's not too important. You've already done like.... the eighth wonder of the world for me lmao. ;v; I thank you again and again and again and ag-
EDIT TO TRY AND (MAYBE?) BE MORE HELPFUL IDK:
snippet of Post List template where I put the sticky: <td class="left-panel" style="vertical-align:top;">
<div class="mini-sticky" id="#punishment-minn-$[post.created_by.id]">
<div class="rinse-left-panel-ext" style="background-color:#$[post.created_by.group.color]!important;">
<a href="$[post.created_by.href]" title="VISIT PROFILE">
<div class="rinse-left-panel-image" style="background-image: url('https://i.imgur.com/7E7Kcc3.png');{foreach $[post.created_by.mini_custom_field]}{if $[post.created_by.mini_custom_field.name] == "225x350 Image"}background-image:url('$[post.created_by.mini_custom_field.value]');{/if}{/foreach}background-size:cover;"></div></a>
</div>
<div class="rinse-custom-block" style="border-color:#$[post.created_by.group.color]!important;">
{if $[post.created_by.group]}<div class="rinse-custom-name" style="color:#$[post.created_by.group.color]!important;">$[post.created_by.group.name]{else}<div class="rinse-custom-name">GUEST</div>{/if}</div>
{foreach $[post.created_by.mini_custom_field]}{if $[post.created_by.mini_custom_field.name] == "OOC Name"}<div class="rinse-custom-group">PLAYED BY: $[post.created_by.mini_custom_field.value]</div>{/if}{/foreach}</div>
</div>
</td>
what is in the CSS sheet:
.rinse-left-panel-ext {width:225px;height:350px;border:1px solid @dark_background_color;margin-top:15px;margin-left:5px;background-color:@accent_color;padding:9px;}
.rinse-left-panel-image {width:225px; height:350px;}
.rinse-custom-block { width:219px;background-color:@dark_background_color;padding:10px;margin-left:6px;text-align:center;margin-top:5px;text-transform:uppercase;border:2px solid @accent_color;outline:1px solid @dark_background_color; }
.rinse-custom-block b { font:bold 10px Open Sans;line-height:10px;color:@text_color_faint; }
.rinse-custom-name { font:800 24px Poppins;color:@accent_color;letter-spacing:.35px; }
.rinse-custom-group { font:700 10px Open Sans;color:@text_color_faint;letter-spacing:1px;line-height:10px;margin-top:0px;padding-bottom:8px; }
.rinse-custom-links { margin-top:-10px;margin-left:16px;float:left;display:flex;flex-direction:column;gap:5px;justify-content:center; }
.rinse-custom-links div { height:30px;width:30px;background-color:@accent_color;border-radius:0px;font-size:12px;outline:1px solid @dark_background_color; }
.rinse-custom-links div i::before { display:block;line-height:30px;width:30px;text-align:center;color:@dark_background_color; }
.rinse-custom-links-right { margin-top:-10px;background-color:@dark_background_color;width:201px;margin-left:52px;border:3px solid @accent_color;outline:1px solid @dark_background_color; }
.rinse-custom-links-right div { color:@text_color_faint;font:bold 10px Open Sans;line-height:10px;text-transform:uppercase;letter-spacing:.35px;padding:10px; }
.rinse-custom-links-right div b { color:@accent_color;}
.mini-sticky {
position: sticky;
top:120px; }