<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/5c0f44725152475e87490fad6cabe8fb&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/5c0f44725152475e87490fad6cabe8fb-026f40198c85d78e.gif</thumbnail_url><duration>188.1</duration><title>Classes, IDs and HTML Attributes in Content Templates (Step-by-step)</title><description>This Loom explains how to use the advanced fields in a content template item to add classes, an ID, and HTML attributes for better styling, deep linking, and accessibility. It shows that you can add a class like sizes card and an ID delivery once per page, then update a button URL to include the page address followed by a hash and the ID so clicking the button scrolls directly to the delivery section. It also covers adding a data attribute such as data badge=updated and an area-label attribute for screen readers. Finally, it demonstrates CSS rules using a class selector for styling, an ID selector to prevent a fixed header from covering the section after a jump, and an attribute selector to display the data badge value.</description></oembed>