<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Carousel feature request: per-slide classes]]></title><description><![CDATA[<p dir="auto">I'm building a full-screen carousel where the Site Title and menu switch between white and black text depending on the slide behind them, plus a floating preview of the next/previous slide that follows the cursor. Both work using Custom CSS &amp; HTML and classes on the Carousel element.</p>
<p dir="auto">The gap: there's no way to attach anything to an individual slide. To let editors set the header colour per slide, I have to match settings to slides by order, which breaks when slides are reordered.</p>
<p dir="auto">Could you add one of these to the per-slide settings in the Carousel dialog?</p>
<ol>
<li>A "Classes" field per slide, output on the .lay-carousel-slide element.</li>
<li>Or a "Header text colour" option per slide (Default / Light / Dark), output as a class or data attribute on the slide.</li>
</ol>
<p dir="auto">Also useful for anyone extending the carousel with custom code:</p>
<ul>
<li>A documented JS event when the active slide changes (e.g. via window.laytheme.on), rather than watching for the is-selected class.</li>
<li>A public API to go to the next/previous slide programmatically.</li>
</ul>
<p dir="auto">Lay Theme 11.7.9, Carousel 3.2.5.</p>
]]></description><link>https://laythemeforum.com/topic/12083/carousel-feature-request-per-slide-classes</link><generator>RSS for Node</generator><lastBuildDate>Thu, 24 Sep 2026 22:13:23 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/12083.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 24 Sep 2026 08:21:52 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Carousel feature request: per-slide classes on Thu, 24 Sep 2026 21:00:22 GMT]]></title><description><![CDATA[<p dir="auto">if you check out ai mode:</p>
<p dir="auto"><a href="https://laytheme.com/tutorials/ai-mode.html#connect-to-claude-codex" target="_blank" rel="noopener noreferrer nofollow ugc">https://laytheme.com/tutorials/ai-mode.html#connect-to-claude-codex</a></p>
<p dir="auto">you can also let the ai mode create a custom carousel element.</p>
<p dir="auto">there are different ways of doing it. if you already have a working carousel prototype, you can just tell your claude/codex:</p>
<p dir="auto">make this a custom element for the gridder</p>
]]></description><link>https://laythemeforum.com/post/48268</link><guid isPermaLink="true">https://laythemeforum.com/post/48268</guid><dc:creator><![CDATA[arminunruh]]></dc:creator><pubDate>Thu, 24 Sep 2026 21:00:22 GMT</pubDate></item><item><title><![CDATA[Reply to Carousel feature request: per-slide classes on Thu, 24 Sep 2026 20:58:56 GMT]]></title><description><![CDATA[<p dir="auto">hey adam!</p>
<p dir="auto"><img src="/assets/uploads/files/1790283283517-60175c4b-ddea-46fd-b471-c9cf5e595049-grafik.png" alt="grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">all great ideas!!<br />
look, classes will be part of the carousel modal</p>
<p dir="auto"><a href="https://laytheme.com/documentation/carousel-addon.html" target="_blank" rel="noopener noreferrer nofollow ugc">https://laytheme.com/documentation/carousel-addon.html</a></p>
<p dir="auto">and</p>
<p dir="auto">there will be a JS API:</p>
<p dir="auto"><img src="/assets/uploads/files/1790283522800-515df4e4-193e-4a4c-9ea7-d5eeafebad8a-grafik-resized.png" alt="grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">with the next carousel addon update that i will release</p>
]]></description><link>https://laythemeforum.com/post/48267</link><guid isPermaLink="true">https://laythemeforum.com/post/48267</guid><dc:creator><![CDATA[arminunruh]]></dc:creator><pubDate>Thu, 24 Sep 2026 20:58:56 GMT</pubDate></item></channel></rss>