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

Build with React components in Webflow

Build with React components in Webflow

Learn more
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

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.