🎨 Proof of Concept 1:
Styling RTE images and captions

On this page there is a component named 'Custom Code - Fancy Rich Text Elements' the code within that is styling the images and captions below based on the selected properties inside the Webflow Editor or Designer RTE editor.

✨ Proof of Concept 2:
Toggle custom code per CMS item or template pg.

The same Custom Code component is used on the CMS template page for the Collection List named Fancy-pants-posts. On that template page, the Custom Code Components visibility property is linked to a toggle for each Collection Item.

When the toggle is off, the Component is hidden (removed from the DOM) when the toggle is on the element is show (exists in the DOM) this make it so the code inside the block is toggle-able by the specific item.

Note: this only displays on the live site.

The beauty and implications of the CMS toggle control go far beyond the capabilities demonstrated here but it's a start!

This CSS fixes the rough transition when changing between tabs using the native Webflow tab component. Code is located in the embed tab-component_custom-code just above the tab_component

left image
center image small
center image big
left image float

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet risus eget ligula laoreet lobortis. Fusce tincidunt eu urna ullamcorper eleifend. Cras consectetur neque at hendrerit interdum. Donec sollicitudin suscipit lectus id laoreet. Sed ut ullamcorper quam, id rhoncus nisi. Aliquam erat volutpat. Phasellus eleifend vel eros sit amet tristique. Sed vel iaculis ex. Donec molestie orci eu nibh accumsan vestibulum. Nulla molestie dui nisl, sed porttitor leo ultrices nec. Nunc nec lacus arcu. Duis a faucibus elit, eu dictum tortor. Mauris feugiat id risus convallis tempor.

right image float

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet risus eget ligula laoreet lobortis. Fusce tincidunt eu urna ullamcorper eleifend. Cras consectetur neque at hendrerit interdum. Donec sollicitudin suscipit lectus id laoreet. Sed ut ullamcorper quam, id rhoncus nisi. Aliquam erat volutpat. Phasellus eleifend vel eros sit amet tristique. Sed vel iaculis ex. Donec molestie orci eu nibh accumsan vestibulum. Nulla molestie dui nisl, sed porttitor leo ultrices nec. Nunc nec lacus arcu. Duis a faucibus elit, eu dictum tortor.