This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Cell Vertical Alignment for individual cells

Open 1 reply pluginplugin-page-builderquestion
Paulien
7 years ago · Last reply by Andrew Misplon 7 years ago

I know – and love! – that I can set my cells to align vertical top, bottom, center or stretch. I am, however, looking for a way to set an individual cell to align to the bottom.

I know I can use CSS: align-self:flex-end;

The problem however is that the CSS is applied to a child-div, not to the actual cell. I tried using the ‘Cell 2 styles’ (where 2 would be the cell I want to align differently), this also applies to the child-div.

Is there a way (other than calling for the actual cell ID, which often changes) to do this?

I use Site Origin Premium.

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 7 years, 6 months ago

    Hi Paulien

    Sorry for the wait. For any future questions, please reach out to our premium support helpdesk via email ([email protected]) so we can assist quickly.

    What you could do is set a row class in the Attributes field like:

    custom-align

    Assuming you had only two cells, insert into Customize > Additional CSS or any Custom CSS location:

    .custom-align .panel-grid-cell:nth-of-type(2) {
	align-self: flex-end !important;
}

    Let us know if that’ll work for you :)

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.

Have a different question or issue?

Start New Thread