As said in title. I have this code in my themes stylesheet:<\/p>\n
.tablepress-style1 {
\nfont-size: 8px !important;
\n}
\n.tablepress-id-1 thead th,
\n text-align: center !important;
\nfont-weight: bold !important;
\n}
\n.tablepress-id-1 .row-2,
\nfont-size: 8px !important;
\n}<\/p>\n
What I am after is a table with 2×2, the first row is the headers for 2 subject titles, the send row contains the content displayed in list format of dot points. It displays fine on computer (except header isn’t centering). When I view site on mobile the second row text becomes massive for an unknown reason, and the dot points don’t create any distance between the row 1 header (which is now displayed vertically instead of horizontally as intended– but doesn’t seem to respond to row 2’s content). <\/p>\n
In other words, row 1 which becomes vertical stacks on top of each other, but row 2 with the content in dot points isn’t discernible which “header” it belongs to. Main issue is that when viewed on mobile, the font size seems to revert to some other size not in my custom css?<\/p>\n
Help would be unbelievable useful and appreciated thanks.<\/p>\n","protected":false},"template":"","class_list":["post-8724588","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/8724588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/8724588\/revisions"}],"predecessor-version":[{"id":8724605,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/8724588\/revisions\/8724605"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=8724588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}