Customize Catalog Connector
You can style your Catalog Connector embed widgets using CSS to match your site’s branding.
Styling the Connector OutputLink to this section
Because Catalog Connectors output structured HTML, you can apply styles using a custom CSS file. To help you start, we provide a basic starter stylesheet:
Download the Catalog Connector CSS Starter File
Your team or design agency can:
- Adjust layout, spacing, fonts, and color schemes to match institutional branding
- Add additional classes or responsive styling based on your site’s framework
- Host the modified CSS in your CMS and link it globally or per page
Where to Add the Custom CSSLink to this section
- Outside of Layout Builder, add the reference to the stylesheet to the headcode include file
- Inside of Layout Builder, add the reference to the Layout via the Properties > Headcode.
This CSS will apply to all embedded catalog content rendered by that connector.