# Squircle Feature

> Highlight products, promotions, or announcements inside a modern squircle-shaped feature block. With bold text and a call-to-action button, it's a sleek and stylish way to capture attention and drive shoppers to take action.

URL: https://sectionstar.app/blocks/squircle-feature/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.825Z

---

**Squircle Feature** is a Shopify theme block in the Section Star library. Highlight products, promotions, or announcements inside a modern squircle-shaped feature block. With bold text and a call-to-action button, it's a sleek and stylish way to capture attention and drive shoppers to take action.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the block is published.

### Squircle Design
Set the design for the feature section

| Setting | Type | Default |
| --- | --- | --- |
| Max Size (width/height) | Number | — |
| Mobile Max Size (width/height) | Number | — |
| Text Color | Color | #fff |
| Text Size | Range | 20 |
| Mobile Text Size | Range | 20 |
| Show Text Shadow | Checkbox | On |
| Color | Color or gradient | #ffffff |
| Spacing between Elements | Number | 10 |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |
| Animation Offset (Determines initial position of text) | Number | 20 |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Text Size | Range | 15 |
| Mobile Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Round Borders on Button | Range | 5 |
| Border Size on Button | Range | 0 |
| Border Color on Button | Color | #888 |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Background Image | Image | — |
| Headline | Inline rich text | <b>Feature Headline</b> |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |
| Desktop CSS | Liquid | — |
| Mobile CSS | Liquid | — |