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 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.
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:
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 :)