Using Block Frames to Elevate Your Page Design
Frames give your content a polished, professional look - helping images and videos stand out, match your brand, and feel consistent across your site. With the Block Frames feature, you can add beautifully styled frames around any background image or video inside a Page Block, with full control over colour, thickness, and corner rounding.
Whether you want subtle definition or bold visual impact, frames let you create layouts that feel more intentional and on-brand.
What Are Block Frames?
Block Frames are optional visual borders you can add around background images or videos in your Page Blocks. They’re fully responsive, meaning they automatically adjust to different screen sizes on mobile, tablet, and desktop.
You decide exactly how the frame should look:
Toggle On/Off — Add a frame only when you need it.
Colour — Choose any hex colour to match your brand.
Frame Thickness — From ultra-thin to bold (scale of 0–5).
Corner Rounding — From sharp edges to fully rounded corners (scale of 0–5).
Why Use Frames?
Frames are a simple way to create a premium visual feel without design skills. They help:
Make featured images “pop”
Highlight important content blocks
Create separation between background and foreground elements
Add personality or brand flair
Improve readability and structure on long pages
Even light, subtle frames can make your content feel more professional.
How to Enable and Customize a Frame
You’ll find frame settings inside the Page Block editor whenever you’re working with a background image or video.
1. Turn on the Frame
Toggle Use Frame to enable frame styling for the block.
2. Choose Your Thickness
Select a Frame Thickness between 0–5:
0 = thinnest
5 = thickest
Tip: Subtle frames (0–2) work great for minimalist designs; thicker frames (3–5) create emphasis.
3. Pick a Frame Colour
Enter a hex code (e.g., #FFFFFF for white) or use your colour picker.
4. Adjust the Corner Rounding
Set Corner Rounding between 0–5:
0 = sharp edges
5 = fully rounded
Rounded corners can add approachability; sharp corners give a more modern, clean look.
Design Tips for Great-Looking Frames
Match your branding: Use your brand palette to keep visuals consistent.
Contrast wisely: Light frames around dark images (and vice-versa) add pop.
Use rounding intentionally: Soft corners pair well with friendly brands; sharp corners feel sleek and premium.
Stay consistent: Use the same thickness/rounding across key sections to create a unified visual identity.
A small touch like a simple frame can dramatically elevate the professionalism of your pages.
Frequently Asked Questions
Do frames affect mobile experience?
Do frames affect mobile experience?
No—the design is fully responsive. Frames automatically scale to fit different screen widths.
Can I preview frames before publishing?
Can I preview frames before publishing?
Yes, you’ll see the frame instantly in the block editor and in your page preview.
Do frames work on all block types?
Do frames work on all block types?
Frames only apply to blocks with a background image or video.