{"id":12620100,"date":"2020-04-02T21:56:56","date_gmt":"2020-04-02T21:56:56","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/responsive-scroll-table-column-width\/"},"modified":"2020-04-02T21:56:56","modified_gmt":"2020-04-02T21:56:56","slug":"responsive-scroll-table-column-width","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/responsive-scroll-table-column-width\/","title":{"rendered":"Responsive scroll table column width"},"content":{"rendered":"<p>Hello, I added a Tablepress generated table to a page on the website I&#8217;m designing. I installed the responsive tables extension and I set the table to scroll. When the website is shown on mobile the table goes to scroll mode but the columns are too small, is there a way to change the column width?<\/p>\n<p>I tried changing the css but it doesn&#8217;t seem to work, I added this CSS code:<\/p>\n<p>.tablepress-id-3 .column-1 {<\/p>\n<p>  text-align: left;<br \/>\n  width: 15%;<br \/>\n  font-weight: normal;<br \/>\n  line-height: 2;<br \/>\n}<\/p>\n<p>.tablepress-id-3 .column-2,<br \/>\n.tablepress-id-3 .column-3,<br \/>\n.tablepress-id-3 .column-4,<br \/>\n.tablepress-id-3 .column-5,<br \/>\n.tablepress-id-3 .column-6 {<\/p>\n<p>width: 17%;<br \/>\n}<\/p>\n<p>Thank you.<\/p>\n","protected":false},"template":"","class_list":["post-12620100","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12620100","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":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12620100\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=12620100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}