Table columns CSS

by akmiecik

CSS

article#post-525 {
    padding: 0 20px 50px 20px;
}
td{
    padding: 8px;
    border-width: 1px 0px 1px 0px !important;
    border-color: #fff !important;
	  background: #03244d;
    color: #fff;
}
th{
	background: #F68026 !important;
  border-width: 1px 0px 1px 0px !important;
  color: #fff;
}
tbody tr th:nth-child(5), tbody tr td:nth-child(5) {
    width: 10vw;
    text-align: center;
}
tbody tr th:nth-child(4), tbody tr td:nth-child(4), tbody tr th:nth-child(6), tbody tr td:nth-child(6)  {
  width: 8vw;
  text-align: center;
}
header.entry-header.ast-no-thumbnail.ast-no-meta {
    position: fixed;
    top: 47px;
    z-index: 99;
    left: 36vw;
}

JavaScript

var fifth_child = document.querySelectorAll("table tr td:nth-child(5)")

$(fifth_child).each(function() {
  var text = $(this).text();
  var part1 = text.substring(0, 7);
  var part2 = text.substring(7);
  $(this).html(part1 + "<i>" + part2 + "</i>");
})