Modern Campus Catalog Emblem Modern Campus CMS Emblem Modern Campus Curriculum Emblem Modern Campus Involve Emblem Modern Campus Lifelong Learning Extended Education Emblem Modern Campus Message Emblem Modern Campus Navigate Emblem Modern Campus Schedule Emblem Modern Campus Virtual Tours & Maps Emblem Modern Campus Lifelong Learning Workforce and Community Emblem Site Menu Open Site Menu Close

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

  1. Outside of Layout Builder, add the reference to the stylesheet to the headcode include file
  2. 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.

By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy