---
schema_version: "1"
id: dc802c2fb6ce709993fa9c05e5178cb6dbba4aeabd4a28ceb07d6d407abf72e0
title: Flexcards 'Add Custom CSS' Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcardsadd_custom_cssproperties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcardsadd_custom_cssproperties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a766ab8fb95e27fd878813937b81c9cb030a3af66b53ad494001fa62ac2c945b
description: For the managed package runtime, add Custom CSS properties are configurable from the submenu of the Flexcard Designer. Create custom CSS classes and add them to supported fields in the Properties and Style panels.
products:
  - Omnistudio
release: "264"
---
# Flexcards 'Add Custom CSS' Properties (Managed Package)

For the managed package runtime, add Custom CSS properties are configurable from the submenu of the Flexcard Designer. Create custom CSS classes and add them to supported fields in the Properties and Style panels.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d270363e46">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d270363e52">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270363e46 ">
            <p style="margin-bottom:0;">Add Custom CSS</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270363e52 ">
            <p style="margin-bottom:0;">Create and edit custom CSS classes. The custom CSS is a Salesforce attachment. When the Flexcard is saved, the attachment is updated. A <code>.css</code> is also packaged with the generated LWC.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270363e46 ">
            <p style="margin-bottom:0;">Load as Global CSS</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270363e52 ">
            <p style="margin-bottom:0;">Enable to apply your CSS classes at run time, such as in Preview.</p>
          </td>

        </tr>
      </tbody>
    </table>