(True center, not Bubble’s silly vertical center. OH MAMA!)
I’ve seen this question come up time and time again, so let’s put it to rest. You’ll need a little CSS to accomplish this feat of beauty.
Your text elements are really <div> containers. Inside these divs there’s a content class.
Give the desired text element an HTML id. For this purpose, we’ll call it bottomtext and you’ll need to use Flexbox for this purpose. It seems to be the best and most supported practice.
Then on that page’s HTML header, add this bad boy:
Great idea! I’m already saving a bunch of my CSS hacks in a journal. I’ll gather as many as I can before we start this. Should be place a “launch” date?
It sounds crazy that it’s not a default option.
There is a tick box to align center “center the text vertically”.
But I feel we would also need a tick box align bottom.
hey @alejandrowunderlich! thanks for the help! I cannot seem to make it work to be horizontally centered even replacing flex-end with center, any ideas? Vertical alignment works fine
Any ideas what might be stopping this from working on the responsive pages?
It’s working on pages which are not yet upgraded to responsive, but when I copy that exact same element & put it on an responsive page… Nada.
Edited to add that the code is in the settings>header so it picks up on all pages.