Go to your
http://addresses.loyce.club/css/all.css file
You will find this:
.xBlank {
padding-top: calc(4rem + 74px);
padding-bottom: 11rem;
}
Delete it, and add this:
.xBlank {
padding-top: calc(2rem + 74px);
padding-bottom: 2rem;}
This will fix the vertical white space.
I don't think this changed anything, see
this test version.
About code tags, you just need to add <code> </code> where you want to look like code.
~
and add in your Css for different colors for balance and address, if you want:
Thanks, that was easy. I don't need different colors, so I changed it to this:
code {
font-size: 87.5%;
color: #888888;
word-break: break-word;
}
Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.
If you want to get completely rid of vetrtical space, delete the "xBlank" class from this DIV, in the HTML:
<!-- Just remove or copy the whole div/p/a/ tags from the (--start-- to --end--) -->
<div class="xBlank bg-default">
I tried removing it, but that's too much.
On the left side of
this file, I've played around with this:
<div class="card-body text-center">
That lead to too much vertical white space, so I've also changed this (it was 1.25rem;):
.card-body {
flex: 1 1 auto;
padding: 0.50rem;
}
It feels like the 183 kB
all.css is far too advanced for what I'm using it for.