# Card

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2Fsmmcs8QfTPHy9awDPmUZ%2FPrimavera%20-%20Luxury%20Shopify%20Theme%20by%20Ultramarina%20%E2%80%93%20Primavera%20Composition%202025-05-13%20at%205.43.29%20pm.jpg?alt=media&#x26;token=8a2537b6-d71a-4a0f-a7e9-13ec4bff3185" alt=""><figcaption><p>A card block inside an image banner on <a href="https://themes.shopify.com/themes/primavera/styles/composition">Composition</a></p></figcaption></figure>

{% hint style="success" %}
Available in version 1.1.0 and later
{% endhint %}

### Block settings

* **Width**: Choose **adapt to content** so it adapts to its widest child block or **container width** so it takes up the full width of the container (usually a setting in the parent section).
* **Padding**: Determines the spacing around the child blocks.
* **Enable background blur:** Applies to background gradients with transparency.

{% hint style="info" %}
Can't find the setting you're looking for?  The following settings are explained in detail in [common settings](https://docs.ultramarinastudios.com/common-settings):

* Color scheme
* Borders
  {% endhint %}
