Align headings in tables

[halfcj]

New to Dante : Love it!

Having some issues that mostly manifest themselves in responsive mode – iPad particularly.

I want to center headings in tables rather than left justify. I have had to do this manually for full screen desktop, but that then goes haywire in responsive mode. I’ve tried various options in the child theme, can’t get it to work.

Also having a strange overlap issues with the table on this page which intrudes on the sidebar area.

Please see attached and help if you can.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td {
  text-align: center;
}

As for the overlap, this is because the minimum width of a table is the width of the content within, therefore there’s nothing we can do to prevent this apart from either changing your content or reducing the font size

– Kyle

[halfcj]

This aligns ALL rows center. ONLY heading required to be centered.
Can I not apply a rule row by row? or column by column?

Also, the overlap, the font size is pre-determined. I cannot seem to change that? – so cannot solve the problem.

[Kyle – SUPPORT]

Change the css to:

table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td {
  font-size: 12px;
}
table.sf-table th {
  text-align: center;
}

– Kyle

[halfcj]

That seems to have solved the overlap issue! thanks Kyle.
Alignments need a bit of tweaking, but I think I can get t all from here.

Thanks

[Kyle – SUPPORT]

Ok no problem

– Kyle