text can't be vertically centered?

Site URL: https://www.hbcusoutside.com/blacktothetrails5k

I have the smallest possible block with a single line of text in it. The brown bar on the page that reads: Global Trail Running Day, September 19th though the 27th, 2020

In the editor, the text is perfectly centered vertically, but once out of edit mode, it shifts up. Is there a way to force the text to actually be centered?

Hi

Use this code in Design -> Custom CSS

div#block-70fd934aa86ff7a033bd {
    padding-bottom: 0 !important;
}

Please use the like button if it helps you!

Best,
Leopold

That nailed it!

So I can learn, does that apply to that specific block only? Is that what "-70fd934aa86ff7a033bd" means? If so, how does one identify the ID of other code blocks?

Thanks!

You're welcome.

Try to use Inspect Element of your browser and find ID that started with "block-". This is what you need to target the element and modify with CSS code.

Please use the like button if it helps you!

Best,
Leopold