2. PHPRunner General questions
  3. [SOLVED] Vertically center align row values/data/text in list page
This topic is locked
[SOLVED]

Vertically center align row values/data/text in list page

 		7/31/2024 10:15:40 AM
PHPRunner General questions
D
 dawman author

Hi,

My list page has a thumbnail column due to which, the row value/data/texts are at the top.

Is there a quick custom css fix for vertically centering row value/data/texts in the list page?
Top aligned row data

img alt

Thanks in advance.
Admin 8/5/2024

Proceed to the Page Designer, select the cell that holds the value, click 'Custom CSS' on the right side panel and use the following CSS code:

:host {
vertical-align: middle;
}
D
 		dawman author 8/5/2024

I did use the same code before without success. But after you replied, I realized what I was doing wrong.
I had been using the custom css code on the fields itself and not on the cells since I was using "Simple Horizontal Grid". Now it is perfect!

Thank you very much for your patience and also for this wonderful software!