I have never messed with a code this complex before but I've figured (most of) it out! One thing I cant do for the life of me is remove the red "Important" box under the "Design Notes" tab. I've tried going through and removing different lines of the code but it seems like everything I remove screws it all up! I'll link the profile of the character that I'm editing in case that helps.
This entire code is beautiful and I thank you for it!
Heya! I know this is... a year after you commented this, but..! Have you tried removing this entire section of code? That seemed to work for me!
<div class="bg-secondary text-dark rounded px-3 py-2">
<div class="text-center" style="font-size:1.6em;font-weight:lighter;font-variant:small-caps;letter-spacing:0.5px;">
<i class="fas fa-exclamation-triangle mx-1"></i>IMPORTANT<i class="fas fa-exclamation-triangle mx-1"></i>
</div><hr class="my-1">
<!----IMPORTANT DESCRIPTION or summary of what to pay attention to---->
<div>General important notes, followed by important bullet points (note that unlike everything else in this code, this box doesn't scroll and instead expands when you write more into it):
<ul class="mb-1" style=";">
<li>one</li>
<li>one</li>
<li>one</li>
</ul>
</div>
</div>
update: I was able to fix it :) your coding should look like this; it's the background-size: specifically!! Rubello ele-drawz [I know your comments were from years ago but :)]
background-image:url(your_url.png); overflow:auto;background-repeat:no-repeat;background-attachment:fixed;box-shadow: inset 0 0 0 1000px rgba(255,255,255,.3);
background-size: 50%">
Veil (Tabs)'s Comments