Style your section cards and how images fit

Each section holds posts, and each post shows as a card. The Post design panel lets you set the color, size, and shape of every card in a section, and control how their images crop and sit. The preview updates as you go, and nothing is public until you publish.

Before you start

Card design lives in the Designer, the panel where you change how your profile looks. You need a profile with at least one section already made. Card style applies to a whole section at once. To restyle one card on its own, you use the toolbar instead, covered below.

Opening the Post design panel

The Post design panel is tied to one section, so you open it by picking that section first.

Open your profile.
Select Edit In Designer.
In the left sidebar, select the section you want to style.
Select the Style button in the toolbar at the bottom.

The Post design panel opens with the controls for that section's cards.

Changing the color of cards in a section

The color you pick fills every card in the section.

In the Post design panel, find Card style for this row.
Select the color swatch.
Pick one of the preset swatches, or type a hex code for your own color.

We pick readable text to sit on your color for you. The preview repaints so you can see it. To go back to the section's normal look, clear the color with the picker. To set the page and accent colors for your whole profile instead, see changing your profile's colors.

Making cards bigger or smaller

Card size sets how wide each card is, which also sets how many fit per row.

In the Post design panel, open the Card size dropdown.
Pick a size:
- Large: big, roomy cards.
- Medium: a balanced size, good for grids.
- Small: compact cards, more per row.
- XSmall: the tightest fit for dense rows.
Or pick Default to use the section's normal width. Full does the same thing as Default, so you can leave it on Default for the section's natural width.

The preview repaints so you can see the new spacing. Some section types only offer a few of these sizes, so your list may be shorter. To change how the whole profile is arranged, see choosing a layout.

The difference between Card, Expanded, and Immersive

Card format sets the shape of each card. Find it under Card format in the Post design panel and select the preview you want.

Card: the image sits inside the card with padding and rounded corners. The standard look.
Expanded: the image stretches to the card's edges, so it stands out more.
Immersive: the image fills the whole card and the text sits on top of it, like a social post.

The preview repaints with the new shape. Some section types don't offer every format, so a choice may be missing for that section.

Making a card image full-bleed or immersive

To make images fill the whole card with text on top, pick the Immersive format.

In the Post design panel, go to Card format.
Select Immersive.

If you only want the image to reach the card's edges but keep text below it, pick Expanded instead. The preview shows the change right away.

Turning down shadows and effects on cards

Effect intensity controls how strong the shadows, glows, and depth look on your cards.

In the Post design panel, find Effect intensity.
Drag the slider left for a flatter, softer look, or right for stronger effects.

The number next to the slider shows the percent, from 0 to 100. The preview repaints as you drag, so you can stop where it feels right.

Stopping images from being cropped oddly

If a card is cutting off the part of an image you care about, you have two controls for this: Image fit and Image alignment. Both are rows of small picture tiles, not buttons with words. You pick by the picture, not by a label.

In the Post design panel, find Image fit. It shows three tiles: a Default tile with text, then two picture tiles.
To stop all cropping, select the tile with the crop picture (two corner marks). The whole image shows, even if it leaves space on the sides.
To fill the card and allow some cropping, select the tile with the wide landscape picture.
If the wrong part is still cut off, use Image alignment below it. It's a three-by-three grid of arrow tiles, one for each spot on the image.
Select the tile that points to the part you want to keep. For a face near the top of a photo, pick a tile in the top row.

The preview repaints so you can check the crop. Select the Default tile under Image fit to go back to the section's normal setting.

Changing the image shape or aspect ratio

Image ratio sets the frame shape that every card image is held in.

In the Post design panel, open the Image ratio dropdown.
Pick a shape:
- Square (1:1): even on all sides, good for logos and grids.
- Video (16:9): wide, like a video thumbnail.
- Landscape (4:3): a classic photo shape.
- Portrait (3:4): taller than it is wide.
- Wide (21:9): a very wide banner shape.
- Tall (9:16): a tall, phone-screen shape.
- Auto: keeps each image's own shape, with no forced frame.
Or pick Default to use the section's normal ratio.

A forced shape can crop an image. If that cuts off the wrong part, set the Image alignment to move the visible area, as covered above. These controls shape the images inside your cards. To add or crop your profile's own photos, see your avatar and cover image.

Styling one card on its own

The Post design panel changes every card in a section together. To restyle a single card, use the toolbar.

In the left sidebar, expand the section and select the post you want.
Select the Variant swatch in the toolbar at the bottom.
Pick a color for that one card.

Color is the field you can change per card. Card format and Image ratio stay set for the whole row, so the toolbar's Format menu shows the heading Format for the whole row as a reminder.

Why am I seeing a color-contrast warning on a card?

When you pick a card color, a small red info icon can appear next to the picker. This means your text and background colors are close enough that the text may be hard to read. It's a heads-up, not a blocker, and your color is still saved.

To fix it, select the info icon and then select Apply adjustment. We nudge the text color until it stands out against your background (to the APCA Lc 60 readability level). Or pick a color with more difference between text and background yourself.

My card changes didn't show in the preview

The preview repaints after each change, so give it a moment. If it looks stuck, your edits are still safe. Use Undo in the top toolbar and try again, or refresh the page. Publish or save a draft once it looks right so the change is kept.

Saving your card design

Your changes are a preview until you publish them.

Select Publish profile (or Publish changes) in the top toolbar to go live.
Or open the toolbar's save menu and select Save as draft to keep your edits private for now.

To check your work or start over, see previewing and resetting your design.