I have a couple rows where I want to center the content vertically in the widget. I have tried just about everything I can think of. I was able to get position the content on one page by setting the position to relative for the parent element and absolute for the element I was trying to center. That was a single line of text though. See below (not sure if I did that right).
I can not use this solution however because the content is two elements. It is two separate rows of text. I have tried putting them in a container together using div tags in the editor and using that as the child element. But, that didn't work. I feel like I am hitting a wall here. Any ideas?
You can see the page that I am referring to here.
Here is what I used to work on the one page that is not working in the instance that I am having trouble with.
.hey {
position: relative;
height: 75vh;
}
.hey p{
position: absolute;
bottom: 0;
right: 0;
font-family: “ostrich-regular”, arial, sans-serif;
color: white;
font-size: 240px;
line-height: 1em;
}