> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Applying CSS to Domo Card Images in the Campaigns App

export const InlineImage = ({src, alt = '', height = '1.6em'}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

## Intro

You can apply CSS styling to cards embedded in the email body of your campaigns. This article describes the process.

To learn more about creating a campaign, see our article on the [Domo Campaigns App](http://domo-support.domo.com/s/article/360042933494).

### Known Limitations

The following are known limitations of this feature.

* Supported components include:

  * cards
* You can only add one CSS class per component
* Adding the class tag to the following card fields makes no change to the card's styling:

  * Title

  * Summary Number

  * Description

  * Alert

  * Comment

  * Unsubscribe
* Adding the CSS tag to the fields listed above does not generate an error, but the tag is not added in the HTML node.

## Adding CSS to a Card

1. In the Campaigns app, select a campaign to open it.

2. In the
   **Email Body** tab, locate the **Email Body Editor**.

3. Switch to HTML mode by selecting
   <InlineImage src="/images/kb/ka05w00000125Kw-00N5w00000Ri7BU-0EM5w000005wZOL.jpg" /> **Change mode** in the toolbar.

   <Frame>
     <img alt="change mode.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125Kw-00N5w00000Ri7BU-0EM5w000005wZOa.jpg?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=c01ced8327d53b41ae82a74a1cc02e20" style={{width: 767.99, height: 481.996}} width="2256" height="1416" data-path="images/kb/ka05w00000125Kw-00N5w00000Ri7BU-0EM5w000005wZOa.jpg" />
   </Frame>

4. Add an HTML style tag at the top of the editor: \<style>

5. Inside the style tag, write your custom CSS class. Make sure to close the style tag: \</style>

6. Select
   **Add Card** to add a card to the email.

7. Edit the card tag and add a class tag followed by the name of your custom class.

   <Frame>
     <img alt="applying css examples.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125Kw-00N5w00000Ri7BU-0EM5w000005wZNc.jpg?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=e115c84abc7b8afa1bb65e4a4074545c" style={{width: 754.993, height: 205.994}} width="936" height="256" data-path="images/kb/ka05w00000125Kw-00N5w00000Ri7BU-0EM5w000005wZNc.jpg" />
   </Frame>

8. Select
   **Save** to save your changes.

When the card is rendered, the CSS class is applied to the component.
