Oh sorry. I’m not looking for a toggle solution.
The contents appear inside a frame and I thought there might be an ID or a Class from the Cornerstone frame that I could include in my CSS.
I decided to take one more look and I actually found it.
Cornerstone includes a class in the HTML tag of the page preview area for the Cornerstone theme (light or dark), so I was able to create the visibility exception I was looking for with this:
html:not(.tco-ui-theme-dark) $el{visibility:hidden;}
Looks like there’s also a .tco-preview class on the Body tag which would likely also work. I’d tried tco-root which is further up in the DOM and that didn’t work. The trick is getting the rule inside the iframe displaying the actual page HTML.
Hopefully this helps others!
| # | Наименование новости | Тональность | Информативность | Дата публикации |
|---|---|---|---|---|
| 1 | Class specific to cornerstone editor | 0 | 5.33 | 18-09-2026 |
| 2 | Class specific to cornerstone editor | 0 | 33.18 | 18-09-2026 |
| 3 | Class specific to cornerstone editor | 0 | 7.84 | 18-09-2026 |
| 4 | Cornerstone editor making the page taller than the editor | 0 | 6.66 | 17-09-2026 |
| 5 | Cornerstone editor making the page taller than the editor | 0 | 7.56 | 18-09-2026 |
| 6 | How can I do this change effect with themeco/conerstone? | 0 | 13.85 | 19-09-2026 |
| 7 | Assymetrical Curved Background Image | 0 | 15.1 | 18-09-2026 |
| 8 | Link Property Bug | 0 | 7.1 | 18-09-2026 |
| 9 | Add ACF into Cornerstone Side Panel | 0 | 14.35 | 19-09-2026 |
| 10 | API Feed updates every few minutes, need to bust cornerstone builder's page cache | 0 | 5.18 | 18-09-2026 |