--- schema_version: "1" id: a0ea906be7f595f41bcb7d4e280449c02ccd64a7d78f624b46fbfc70e80cb4b1 title: Flexcards Element Appearance 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_element_appearance_properties.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_element_appearance_properties.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 6236952ee2205c000ecd9f40eca05580553bbd5442c26f96ae1dc1349574a31c description: For the managed package runtime, appearance properties are configurable in the Style panel of the Flexcard Designer when you select an element. Update background, text color, border, and theme of your elements. products: - Omnistudio release: "264" --- # Flexcards Element Appearance Properties (Managed Package) For the managed package runtime, appearance properties are configurable in the Style panel of the Flexcard Designer when you select an element. Update background, text color, border, and theme of your elements. ![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).

Property	Description
Background Color	Select a background color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.
Background Image Url	Enter the URL of the image to display as the background of your element. The image must be accessible.
Background Position	Set the position of the background image. Enter any value allowed by the `background-position` CSS property, such as `right bottom`, `center`, `10px 30px`, and so on.
Background Repeat	Set how the background image repeats itself. Enter any value allowed by the `background-repeat` CSS property, such as `no-repeat`, `repeat`, `repeat-x`, and so on.
Background Size	Set the size of the background image. Enter a value allowed by the `background-size` CSS property, such as `cover`, `contain`, and so on.
Border Color	Select a border color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.
Border Radius	To round the edges of the element border, set a border radius. Enter a value allowed by the `border-radius` CSS property, such as `25px`, `25px 50px`, and so on.
Border Style	Select the type of border to display. Enter a value allowed by the border-style CSS property, such as `solid`, `dashed`, `inset`, and so on. Default is `solid`.
Border Type	Select one or more border locations such as `top`, `bottom`, `right`, and `left`. To remove a border location, select it again from the dropdown.
Border Width	Enter a number for the thickness of the border in pixels.
Salesforce Theme	Select a predefined color scheme for your element.
Text Color	Update the element's text color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.