Table alignment

[194roc]

Hello there,

I need to set up a list and after having created more than 150 row in one section I realize that it took to much time to load…

So I went back to the table solution but I can’t figure out how to make the proper alignment

Below a screenshot of what I am trying to achieve.

Screenshot

Thanks for the help,

Best regards,

Roberto

[Prasant]

Hello Roberto,

Thanks for asking.

I checked the website that’s assigned to Pro license. However, I am unable to locate the page/post wherein you have implemented tables.

Please try adding following CSS under Pro > Theme Options > CSS and see how it goes:

.roctableguest td {
    text-align: center !important;
}

In case issue is still there, please share website URL for us to take a closer look.

Thanks.

[194roc]

Hello Prasant and thanks for the help.

I insert the given code in the global CSS.

Unfortunately the problem persist as you can see from the screenshot

Screenshot

The url of the page is: http://sjo-hokar.it/insertpwd-ce/home/partecipanti-copia/

As I mentioned in my previous message I had the correct alignment on this page: http://sjo-hokar.it/insertpwd-ce/home/partecipanti/
but it takes too much time to load, that is why I went back using the table function.

Best regards,

Roberto

[mldarshana]

Hi There @194roc

It seems that you have set a password for your referenced page.

Could you please provide those information as well, so that we can assist you accordingly.

Thanks!

[194roc]

Sorry

Thanks

[nabeel]

Hi again,

I checked your page and I see you’ve created a separate table header that’s why you’re having the alignment issue. Please add your header inside the table, see an example below:

<table class="table">
<tr>
  <th>Cognome</th>
  <th>Partecipa</th>
  <th>N.ro partecipanti cena venerdì Circolo</th>
</tr>
<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>50</td>
</tr>
</table>

You see I added your titles inside the table using <th> tag, you can do the same to fix the alignment issue. For more info on tables please see https://www.w3schools.com/w3css/w3css_tables.asp

Cheers!

[194roc]

Yes thanks, much better.

How can I improve the alignment of the

header ? They do not seems to be center aligned.

Screenshot

Thanks,

Roberto

[ruenel]

Hey Roberto,

You may update your custom css code and use this:

.roctableguest td,
table th {
    text-align: center !important;
}

Please let us know if this works out for you.

[194roc]

Perfect.

Thank you very much.

Roberto

[paul.r]

You’re welcome!