Hello, team.
I have two tabular data tables which are one below the other and I want to align them so that their columns have equal width.
Could you help me?
Hi redospassos,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
Sure, Rikard!
Thank you.
Hi,
I’m not sure why but I can’t see anything like you are describing on that page, maybe we need to be logged in to be able to view the site? If so then please post admin login details in private.
Best regards,
Rikard
I’m sorry, Rikard. I deactivated the Maintenance Mode now.
Could you take a look?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
If you add the table on a different page please change the page id in the below css.
To get the page ID right click and inspect the page and check the class name in body tag.
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>thead>tr>th,
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>tbody>tr>th,
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>tfoot>tr>th,
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>thead>tr>td,
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>tbody>tr>td,
.responsive .page-id-694 .avia_scrollable_table .avia-data-table>tfoot>tr>td {
width: 150px;
}
Best regards,
Vinay
Hi, Vinay!
It worked!
I’m very fortunate for having chosen Enfold Theme.
Thanks a lot for you help and attention.
Hi!
Thank you for the kind words and we are very happy to have awesome users like you :)
Thank you for using Enfold.
Best regards,
Vinay