FAQ — How to Wrap the Notion Gallery Card Titles and Property Content

FAQ — How to Wrap the Notion Gallery Card Titles and Property Content

Gallery properties and titles do not default to wrapped text, and often it’s useful to reformat this in Super. Here is some simple CSS code to fix this and wrap the Titles, Text and Select properties.

How to Wrap/Display the Gallery Card Property Content

Here is some CSS code that will wrap the text of Notion Card Properties when displayed in a Gallery in Super:

.notion-collection-card.gallery .notion-property__title .notion-semantic-string  {
  overflow: visible !important;
  white-space: normal !important;
}

.notion-collection-card__content .notion-property__select {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: initial !important;
  display: inline !important;
}

.notion-collection-card__content .notion-property__text .notion-semantic-string {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: initial !important;
  display: inline !important;
}

Please add this to the CSS tab in the Code section in the Super Dashboard.

Frequently Asked Questions

Troubleshooting

4 views

Troubleshooting

Notion Sync

Notion Databases

SEO

FAQ — I'm Seeing a 404 page not found error on my SiteFAQ —
FAQ — I'm Seeing a 404 page not found error on my Site
FAQ — How to Add a Link to a Notion Page to Your Super websiteFAQ —
FAQ — How to Add a Link to a Notion Page to Your Super website

Learn more

Getting Started

3 views

Getting Started

Customize your site

Preparing to launch

How to create a Landing page with Notion that sellsHow to create a Landing page with Notion that sells
How to create a Landing page with Notion that sells
⚡
blog-footer-cta
image

null

null

image
SuperMade with Super