Framer Code Snippet

CMS Image Radius

Add corner radius, border, and shadows to images in CMS text content blocks instead of being stuck with flat, square images.

It invites the beholder to embark on a journey, where each corner is a delightful turn in the path, revealing more of the captivating narrative, and leaving them utterly enchanted by the CMS's enchanting allure.

In the enchanting realm of CMS magic, bestow upon your images a delightful embrace of gentle curves and soft edges, as if the very corners themselves had blossomed into vibrant, rounded petals, lending a touch of elegance and charm to your digital tapestry.

Unlock with Framestack Pro

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Snippet

Free

Last Updated

May 17, 2024

Instructions

In your Framer project, open Site Settings, click on the General page at the top left, scroll down to "Start of <head> tag", and paste the code snippet in.

Customize the image radius by changing the px number value inside the CSS style.

The custom code feature required to use this code snippet is only available on paid Framer plans. If your website is on the free plan, you won't be able to use this code snippet. But you can still use all the components and code overrides on Framestack without a paid Framer plan!

Framestack

Built with

Framer

Pages

Templates

Affiliate Program