---
schema_version: "1"
id: 71d912069ad8da62db52641b68b96bee4a18ad4421bafb60504a35ba5797cc38
title: Flexcards 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_flexcards_custom_css_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_custom_css_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 911bf6af9d5f2b83357ff0ccfe13ee06cf6dc748eb7718830eb55aa6c3252559
description: For the managed package runtime, custom CSS properties are configurable from the Style panel in the Flexcard Designer when you select an element. When the design interfaces in the Style panel do not meet your design needs, apply a class from any style sheet available to the Flexcard, or add inline styles.
products:
  - Omnistudio
release: "264"
---
# Flexcards Custom CSS Properties (Managed Package)

For the managed package runtime, custom CSS properties are configurable from the Style panel in the Flexcard Designer when you select an element. When the design interfaces in the Style panel do not meet your design needs, apply a class from any style sheet available to the Flexcard, or add inline styles.

![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="d257588e46">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d257588e52">
            <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="d257588e46 ">
            <p style="margin-bottom:0;">Container Class</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d257588e52 ">
            <p style="margin-bottom:0;">Add a class to the container of your element.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d257588e46 ">
            <p style="margin-bottom:0;">Custom Class</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d257588e52 ">
            <p style="margin-bottom:0;">Add a class directly to the element.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d257588e46 ">
            <p style="margin-bottom:0;">Inline CSS Styles</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d257588e52 ">
            <p style="margin-bottom:0;">Apply inline CSS styles to your element, such as <kbd>font-variant: small-caps;</kbd>.</p>
          </td>

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