How to vertically align element in editor widget with full height.

Open 1 reply plugin plugin-page-builder question

9 years ago · Last reply by christine sass 9 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

christine sass 9 years, 30 days ago
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;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.