---
schema_version: "1"
id: 87504168334c8eb105be0e2015fd5081deca668dda925ce0dc6680079ecd6fc8
title: Apply Custom Lightning Styles to a Specific Flexcard (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_apply_custom_lightning_styles_to_a_specific_flexcard.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_apply_custom_lightning_styles_to_a_specific_flexcard.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 0de119994c62267af10ef82ce7749fc097d2d222ffd42fe7fed9748b36e895cc
description: For the managed package runtime, overwrite global Lightning styles for a specific Flexcard. For example, if your Flexcard requires unique branding across multiple components, you can create custom Lightning styles and load them in your Flexcard as a static resource.
products:
  - Omnistudio
release: "264"
---
# Apply Custom Lightning Styles to a Specific Flexcard (Managed Package)

For the managed package runtime, overwrite global Lightning styles for a specific Flexcard. For example, if your Flexcard requires unique branding across multiple components, you can create custom Lightning styles and load them in your Flexcard as a static resource.

![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).

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png)

Note

For minor style modifications on elements, see the Style panel in the Flexcard designer when an element is selected on the canvas. See [Style Flexcard Elements (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_style_flexcard_elements.htm&release=264.0.0&type=5 "For the managed package runtime, configure the look and feel of a Flexcard by styling individual elements, fields inside elements, and entire states. From the Style panel in the Flexcard Designer, design backgrounds, text, and borders; adjust heights, widths, and spacing inside and between elements; apply classes and inline styles; make your element responsive; and more.").

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d231168e59">
              <p style="margin-bottom:0;">Required Versions</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d231168e59 ">
              <p style="margin-bottom:0;">Available beginning Winter '22.</p>
            </td>

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

Before You Begin

Create a Flexcard with a Lightning **Theme**. See [Create a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_create_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, configure basic settings and data source options when creating a Flexcard in the Flexcard Designer. After creating a Flexcard you can update additional options and start building your user experience.").

1. Get the Lightning styles from the Lightning Design System website's download page. See [Lightning Design System Downloads](https://www.lightningdesignsystem.com/resources/downloads/).
2. Follow instructions on the website to modify styles. See [Lightning Design System](https://www.lightningdesignsystem.com/).
3. Upload the custom styles as a zipped file into your org as a static resource. See [Creating a Static Resource](https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_resources_create.htm).
4. In the Flexcard Designer, click the Setup tab, and click **Styling Options**.
5. In the **Custom Lightning StyleSheet File Name** field, enter the file name for that Static Resource that stores your custom Lightning styles.