{"id":12373997,"date":"2020-01-28T17:53:57","date_gmt":"2020-01-28T17:53:57","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/controlling-pop-up-formatting\/"},"modified":"2020-01-28T17:53:57","modified_gmt":"2020-01-28T17:53:57","slug":"controlling-pop-up-formatting","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/controlling-pop-up-formatting\/","title":{"rendered":"Controlling pop-up formatting"},"content":{"rendered":"<p>Hello again!<\/p>\n<p>I&#8217;m having trouble with my modal pop-up formatting! I&#8217;ve added this CSS to my website:<\/p>\n<pre><code>.dtr-modal-content {\n  white-space: normal;\t\n  font-size: 10px;\n  color: black;\n} <\/code><\/pre>\n<p>&#8230;which was enough to make all the text displayed when you click the green button next to a row appear a reasonable size. But, for some reason, all the data appears in bold, and when I inspect the page html, sure enough, there are a bazillion &#8216;<strong><\/strong> tags around each piece of data. Is there a way to switch that off, please? As you can probably tell, I&#8217;m no CSS expert \ud83d\ude41<\/p>\n<p>Second question: the modal pop-up is fine, but I had hoped that it would only display all the data which *isn&#8217;t* displayed on the main page. In other words, I&#8217;ve got 11 columns selected in the Data Publisher settings, and I have chosen to only display 6 of them on the main form. I had then hoped that the green &#8216;reveal&#8217; button would show the additional 5 columns, not the original 6. Is that possible?<\/p>\n<p>Finally, if I decided not to go modal but instead used the flat formatting for my data, I find the &#8216;long notes&#8217; data (against item 01002, for example) just appears as a very long line of text, with no wrapping into the table-width (which is why I opted for the modal form instead!). Much left\/right scrolling ensues! So my third question is: is there some CSS or other wizardry I can apply to the non-modal, flat version of the display that would cause text to wrap into nice fixed-width paragraphs of the sort you see on the modal form?<\/p>\n<p>Sorry for being a CSS clutz!<br \/>\nBest wishes,<br \/>\nHoward<\/p>\n","protected":false},"template":"","class_list":["post-12373997","topic","type-topic","status-publish","hentry","topic-tag-css-tricks"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12373997","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\/12373997\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=12373997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}