CSS table formatting

Posted in: Newsmag
Post count: 34

Well I’m not good enough to solve my problem.
When using headlines in tables (example H3) the text is not fully centered in the table. Example: http://www.salzburg12.at/2015/03/red-bull-salzburg-im-duell-mit-den-wiedererstarkten-steirern/ (the table with the team names and dresses at the end of the article)

For me this looks ugly and I want to have it perfect 🙂 I searched in the style.css but were not able to solve this problem. Any hint, help, advice from the gurus here?

Post count: 9544

Best bet is to create custom table styles and then apply that style “class” to your table.

e.g.,

.salztable .h3{text-align:center}

or just
.mycenter{text-align:center}

<td class="mycenter"><h3>Big Bad Bunny</h3></td>

You should also be using correct table syntax, with tbody tags, tr tags, th tag for header wrapped in thead tags, then td for cells. a th with header that crosses multiple cells also needs a colspan tag.

Post count: 7909

Hi,


@SALZBURG12
Did you solve that issue following Chris suggestions?
Or do you refer to the vertical align?
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/vTjkAK9uMqhy

.td-post-content table h4{
margin-bottom: 4px;
}
.td-post-content table img{
margin-bottom: 6px;
}

Hope this helps!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newsmag’ is closed to new topics and replies.