---
schema_version: "1"
id: a1513036a1a27f30839c84db95348c2a51d476411dd255c991aeee5573403428
title: Add Inline Styles to a Flexcard Element (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_inline_styles_to_a_flexcard_element.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_inline_styles_to_a_flexcard_element.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 0525eecfdf51607e610f9245a0b29297a7cf84c4e1588c8be5d819cf668b79d5
description: For the managed package runtime, when styling options available from the design interfaces in the Flexcard Designer don't meet your design needs, add inline CSS styles to an element on a Flexcard. Override classes and target specific elements or element components.
products:
  - Omnistudio
release: "264"
---
# Add Inline Styles to a Flexcard Element (Managed Package)

For the managed package runtime, when styling options available from the design interfaces in the Flexcard Designer don't meet your design needs, add inline CSS styles to an element on a Flexcard. Override classes and target specific elements or element components.

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

![Tip](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_tip.png)

Tip

Use this feature as needed and sparingly to optimize performance.

1. In the Flexcard Designer, click an element on the canvas, and click **Style** to open the Style panel.
2. In the **Inline CSS Styles** field of the **Custom** section, enter CSS properties and their values. For example, font-variant: small-caps; word-spacing: 30px;.

What's next: Preview your Flexcard. See [Preview a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_preview_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, preview your Flexcard's appearance and functionality before publishing it to a Lightning page or Experience Builder site. In Preview, test how your Flexcard looks on multiple devices and test the functionality of action links and other interactive elements.").