Back to updates
Enhancement
Designer

Extended element conversions

Quickly convert between various element types, including container elements, typography elements, and inline text elements, while preserving styles and settings

Extended element conversions

<p id="">We're excited to introduce an upgrade to our element conversion feature, which now allows you to transform a broader range of elements beyond just div and link blocks. Building on the <a href="<https://webflow.com/updates/right-click-to-convert-div-blocks-to-link-blocks>" id="">original functionality</a>, you can now convert containers, typography, and inline text elements with just a right-click, offering expanded flexibility for layout and content adjustments.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2560px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2560px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/663a708d63f9db814f6b310felement%20conversion%20SlashUpdates1280x720.webp>" loading="lazy" alt="Convert a Text Block element to a Heading 1 element in the context menu.." width="auto" height="auto" id=""></div><figcaption id="">Convert a Text Block element to a Heading 1 element.</figcaption></figure><p id="">Increasing the range of elements you can convert allows you to more rapidly modify and adapt layouts to suit your evolving design needs without manual rebuilding. For example, you can easily convert a paragraph to a heading or a container to a grid to refine your layout structure and content hierarchy. This flexibility is particularly useful when you're experimenting with different design options or need to quickly adapt your content to changing requirements. To convert an element, simply right-click an element and select "Convert to" or use quick find.</p><p id="">For more details, visit <a href="<https://university.webflow.com/lesson/convert-elements>">Webflow University</a>.</p>


Launched on
May 13, 2024
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more