Totally okay if this doesn’t exist and that’s a future feature. I was just really stumped I couldn’t find where to make changes if it DOES exist.
It’s possible it’s inheriting styles from our CSS since it actually is using the right font… I just would like to understand how to customize it, if I’d like. thanks!
NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.
The Finsweet Table component does support full customization, but it works differently than typical Webflow elements. Here’s how to style your tables:
When you create a table using our Table app, it automatically generates HTML with standardized CSS classes for each table element. You can style these elements in two ways:
Add custom styles in your site’s head code
Style individual table elements directly in the Webflow Designer
These are the main CSS classes generated:
.fs-table - Main table container
.fs-table-head - Table header section
.fs-table-body - Table body content
.fs-table-row - Individual table rows
.fs-table-header - Header cells
.fs-table-cell - Data cells
We recommend setting up your CSS classes during the table configuration process, then styling them through Site Settings > Custom Code for global styles or using the Webflow Style Panel for specific elements.
The table is using the right font because it inherits typography from your site’s CSS by default. You can override these inherited styles using the classes mentioned above.
Would you like us to help you implement specific styling for your table? If so, please share your staging URL so we can see your current table structure and provide more targeted CSS recommendations.
