What Are Cover Block Styles?
A Style is a predefined design template that sets the height of a cover block. Think of it like choosing a preset size for a photo frame—you're not changing the frame itself, just selecting how tall it should be.
Frame currently offers two Cover Styles:
Default: A standard height for most content
Tall: A taller height for more prominent, eye-catching covers
The style you choose determines the height of that cover block, not the size of the image you add to it. Images are always cropped or fitted to fill the space the cover provides.
How to Change a Cover's Style
In the Editor:
Click on an individual cover block inside your cover slider (not the slider block itself — click one of the actual slides). Or open the Document Overview (the lefthand sidebar showing your page structure), find the individual cover block you want to change.
Look at the right panel for the Block's Style
Select Default or Tall
The cover's height will adjust immediately on the page
Default vs. Tall: What's the Difference?
Default Style:
Shorter slide height
Good for: Quick announcements, simple content, compact displays
Use when: You want all slides to be roughly equal height, or you're adding multiple slides in a carousel
Tall Style:
Taller slide height
Good for: Hero images, detailed announcements, content that needs space
Use when: You want a particular cover to stand out or contain more content
The exact pixel heights are set in the site's CSS but are hidden from you in the editor. You simply choose Default or Tall based on which look you prefer.
How Styles Affect Your Slider
When all covers use the same style (all Default or all Tall):
The slider has a consistent, stable height as you navigate
Even if Auto-Height is enabled, there's no visible change (all slides are already the same height)
When you mix styles (some Default, some Tall):
Each cover displays at its own height
If Auto-Height is OFF: The slider uses the tallest slide's height for all slides
If Auto-Height is ON: The slider adjusts its height as you navigate, getting taller for Tall slides and shorter for Default slides
Styles Don't Change Images
Important: The Style controls the cover block's height, not the image.
If you add a portrait image (tall and narrow) to a Default-height cover, the image doesn't become portrait-shaped. Instead:
The image fills the cover's width
Since it's taller than the cover is high, the top and bottom of the image are cropped
You see only the middle portion of the image
This is called a cover display, and it's the same behavior you see on professional websites. The "cover" ensures that images always fill the space without distorting, but it means parts of the image may be hidden.
Example:
Image: 2560×1600px (landscape)
Cover style: Default (shorter)
Result: Image is cropped top and bottom; you see the middle horizontal section
Visual Guide
Cover Block with Default Style + Landscape Image
Cover Block with Tall Style + Same Landscape Image
When Styles Matter Most
Styles matter when:
You're using Auto-Height in your cover slider (they create the height variations Auto-Height responds to)
You want visual variety in your slider (some covers more prominent than others)
You're mixing different types of content (some slides need more height than others)
Styles don't affect:
The image itself (no distortion)
Navigation or pagination
The slider's default behavior
Whether images get cropped (all cover blocks crop images)
Common Questions
Can I create my own custom style?
Currently, only Default and Tall are available. If you need custom heights, contact Support. In the future, the height property may be re-enabled in the cover block settings, allowing you to set any height you want.
Why does my image look cropped?
Cover blocks always crop images to fill the container while maintaining the image's aspect ratio. This is expected behavior. If you need to display the entire image without cropping, consider using the Collage or Gallery block instead.
Does the style affect how the Cover looks on mobile?
The height does adjust on mobile. Images still follow the cover behavior (filling width and cropping height as needed).
What if I want all my Covers to be the same height?
Use the same style (either all Default or all Tall) for all covers. You can turn Auto-Height OFF as well for extra insurance that heights stay consistent.
What if I want each Cover to be a different height?
Mix and match styles (use Default for some, Tall for others) and enable Auto-Height in the cover slider settings. This makes the slider adjust to each slide's height as you navigate.
Future Flexibility
Currently, Default and Tall are your only options. However, the system is designed to be flexible. In the future, Frame may:
Add more preset styles (e.g., Compact, Medium, Extra Tall)
Re-enable custom height controls so you can set specific pixel values
Add per-cover height customization
When that happens, the principles you've learned here will still apply — the style (or height setting) determines the cover's dimensions, and images are always displayed with the cover behavior (filling and cropping as needed).