Centered items and text on mobile view

Hi,

thanks for your post, and sorry for the trouble.

To achieve that, you would have to put these items into an actual list, which would then be centered as a whole. Right now, they seem to be text with an image icon, and the lines are treated separately.

Regards,
Tobias

Hi Tobias!
Thanks for getting back. I tried this, and I got those big spaces between the list items now.. I am wondering how I can style these now. Any idea?

View post on imgur.com

//Johan

Hi,

most likely, you would have to turn off automatic conversion of line breaks to HTML <br /> tags, by adding the parameter

convert_line_breaks=false

to the Shortcode on the page.

Regards,
Tobias

Thanks again Tobias.
It works on desktop mode, on mobile it is still the same. This is the shortcode I use:
[table id=2 convert_line_breaks=false responsive=stack responsive_breakpoint=”phone” /]

The alignment got kinda funky too.. It is not in the middle of the cell, rather more space below than above.

Hi,

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi!
Sure!
https://nodepositslots.nz/casino-bonus/
Please check through mobile to see the problem.

In desktop you can see the funky aligment. It is not totally in the middle.

Thanks for helping!

Hi,

ok, but I don’t see the issue from your latest screenshot (with the list) here?

Regards,
Tobias

Hi,

Got it now. I needed to align the text to the left ??
Thanks for all help.

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!