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

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

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 5 months ago christine sass

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More