Text display in Table

[gprit]

see: http://www.libertybs.co.uk/clients/m...treatment.html

Scroll to the botton and there is a table of prices.
The text is large (30px) to display ok on smartphone, but it is too big for the cell text area, and so the top/bottom of the text is truncated.
(this can be seen even if view on desktop)

Have tried everything I can think of to resolve this (smaller text is not an option).

Any thoughts.

thanks

[antonsvideo]

equalize the table, grab the bottom edge and drag upwards, this will make all rows the same height

note that tables are a no go zone for smart phones

[gprit]

Hi Anton - it's not that the rows are different hight, it's that the TEXT within doesn't display the top part of the text.
Equalizing the rows makes no difference to that.

I've been reading a bit about tables in smartphones https://css-tricks.com/accessible-si...onsive-tables/ is quite informative but I think it's really when the table is large. The data here is small and very basic.

[gprit]

Ah...got it.....Although I set the font size=36 that didn't automatically
change the Line height.
I edited that field in CSS Code Editor and it seems to work......although I think I have to do it for every table cell individually(!)

[antonsvideo]

I always set line height for each font style

you only do this once in page view, text menu, edit text styles..... choose the style you use in the table such as P or H or custom and edit away

[antonsvideo]

sorry, I meant I set space above and space below