---
schema_version: "1"
id: 79b8aa2388c7de5bdafaab5612cd5ddbbbf457a8cbc22e7cc51d635cb8968899
title: Flexcard Elements Custom CSS (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcard_elements_custom_css.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_elements_custom_css.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: c70b27224958903e15532606763f1f6e893c3245dfabd09908d277c271d05f6c
description: For the managed package runtime, create, edit, and apply custom CSS classes and inline styles to your Flexcard elements in the Flexcard Designer. When styling options available from the design interfaces of the Style panel don't meet your design needs, create custom CSS classes from a code editor inside the designer, and apply them to supported fields. Or, add inline styles to a specific element.
products:
  - Omnistudio
release: "264"
---
# Flexcard Elements Custom CSS (Managed Package)

For the managed package runtime, create, edit, and apply custom CSS classes and inline styles to your Flexcard elements in the Flexcard Designer. When styling options available from the design interfaces of the Style panel don't meet your design needs, create custom CSS classes from a code editor inside the designer, and apply them to supported fields. Or, add inline styles to a specific element.

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

- Create and apply custom CSS within the Flexcard Designer:
- [Apply Custom CSS to a Flexcard Element](https://help.salesforce.com/s/articleView?id=xcloud.os_apply_custom_css_to_a_flexcard_element.htm&release=264.0.0&type=5 "For the managed package runtime, when the design interfaces available in the Style panel of the Flexcard Designer don't meet your design needs, apply custom CSS to your elements. Add custom CSS to edit the internal components of an element or a child element. Use this feature sparingly to optimize performance.")
- [Add Inline Styles to a Flexcard Element](https://help.salesforce.com/s/articleView?id=xcloud.os_add_inline_styles_to_a_flexcard_element.htm&release=264.0.0&type=5 "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.")