back

available soon

code component

Default

This is a formatted text paragraph linked to a CMS collection which also has a few images pasted into the text field.

As you can see, by default the images doesn't fill the entire width of the container and they don't have any corner radius.

With CMS Image style

This is a formatted text paragraph linked to a CMS collection with the component applied. You can see now the images take up the full width of the container.

The images also have corner radius applied which can be adjusted to your specific needs.

Unlock with premium (soon)

CMS Image style

new

By default, Framer does not allow any adjustments to the inline images that you are pasting into a formatted rich text paragraph inside CMS. With this code component you can style the formatted text images inside your CMS collection paragraphs to be full width and also apply custom corner radius.

available soon

code component

Default

This is a formatted text paragraph linked to a CMS collection which also has a few images pasted into the text field.

As you can see, by default the images doesn't fill the entire width of the container and they don't have any corner radius.

With CMS Image style

This is a formatted text paragraph linked to a CMS collection with the component applied. You can see now the images take up the full width of the container.

The images also have corner radius applied which can be adjusted to your specific needs.

Unlock with premium (soon)

CMS Image style

new

By default, Framer does not allow any adjustments to the inline images that you are pasting into a formatted rich text paragraph inside CMS. With this code component you can style the formatted text images inside your CMS collection paragraphs to be full width and also apply custom corner radius.

available soon

code component

Default

This is a formatted text paragraph linked to a CMS collection which also has a few images pasted into the text field.

As you can see, by default the images doesn't fill the entire width of the container and they don't have any corner radius.

With CMS Image style

This is a formatted text paragraph linked to a CMS collection with the component applied. You can see now the images take up the full width of the container.

The images also have corner radius applied which can be adjusted to your specific needs.

Unlock with premium (soon)

CMS Image style

new

By default, Framer does not allow any adjustments to the inline images that you are pasting into a formatted rich text paragraph inside CMS. With this code component you can style the formatted text images inside your CMS collection paragraphs to be full width and also apply custom corner radius.

CMS Image style

By default, Framer does not allow any adjustments to the inline images that you are pasting into a formatted rich text paragraph inside CMS. With this code component you can style the formatted text images inside your CMS collection paragraphs to be full width and also apply custom corner radius.

CMS Image style

By default, Framer does not allow any adjustments to the inline images that you are pasting into a formatted rich text paragraph inside CMS. With this code component you can style the formatted text images inside your CMS collection paragraphs to be full width and also apply custom corner radius.

Adjustable properties

Adjust corner radius

Enable width fill

Adjustable properties

Adjust corner radius

Enable width fill

Adjustable properties

Adjust corner radius

Enable width fill

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components category - Eleveight Supply folder. From there you can simply drag it into your desktop breakpoint and it will automatically apply the styling to every image from your formatted text CMS fields, furthermore allowing you to adjust the corner radius from the property controls.

Note: In order for the component to not take up any space you need to set its position to Position type: Absolute

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components category - Eleveight Supply folder. From there you can simply drag it into your desktop breakpoint and it will automatically apply the styling to every image from your formatted text CMS fields, furthermore allowing you to adjust the corner radius from the property controls.

Note: In order for the component to not take up any space you need to set its position to Position type: Absolute

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components category - Eleveight Supply folder. From there you can simply drag it into your desktop breakpoint and it will automatically apply the styling to every image from your formatted text CMS fields, furthermore allowing you to adjust the corner radius from the property controls.

Note: In order for the component to not take up any space you need to set its position to Position type: Absolute

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com