All updates

Enhancement

Designer

Add classes as custom attributes to elements

Elevate your design workflow with Webflow's latest update to custom attributes. Seamlessly assign classes to elements for more dynamic styling options.

Add classes as custom attributes to elements

Webflow's latest update enhances custom attribute functionality by allowing the use of classes in element settings. This adds new opportunities for styling components and simplifies styling, enabling class assignment via component properties or CMS fields.

Now, text can be input into the element's class attribute, widening styling possibilities. This includes adding custom code classes or Webflow-defined classes to the class attribute.

Instead of a reserved message you can simply use the term "class." This brings the setting inline with the custom element.

__wf_reserved_inherit
Locate the custom attributes section to add a class

This update offers greater styling flexibility, crucial for maintaining site design consistency and adherence to best practices. By opening up class attribute usage, Webflow enhances design workflow efficiency, creating a more direct and user-friendly path to styling.

Check out documentation on Webflow University to learn more and check out the improvement to styling components, and the creative freedom and efficiency it offers to web designers and developers.


Launched on
April 11, 2024
Category
Designer

Related updates

Pan and zoom for pages

Pan and zoom for pages

Learn more
Use component props in custom code

Use component props in custom code

Learn more
See spacing values on the canvas

See spacing values on the canvas

Learn more
Updates to DevLink Export

Updates to DevLink Export

Learn more
Dynamic attributes for components

Dynamic attributes for components

Learn more
Introducing AI code components

Introducing AI code components

Learn more

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logosoundcloud logoreddit logothe new york times logoideo logoupwork logodiscord logo

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.