<?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[Possible to have Numbers outside (meaning: left of the) Carousel?]]></title><description><![CDATA[<p dir="auto">Hi.</p>
<p dir="auto">Is it possible to position numbers on the left side of the window and left of the carousel which doesn't use the full width.</p>
<p dir="auto">I want to have a caption centered below the carousel and the numbers should be on the same vertical position but on the left side of the window.</p>
]]></description><link>https://laythemeforum.com/topic/7506/possible-to-have-numbers-outside-meaning-left-of-the-carousel</link><generator>RSS for Node</generator><lastBuildDate>Tue, 18 Aug 2026 19:48:15 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/7506.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 29 Dec 2021 23:03:33 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Possible to have Numbers outside (meaning: left of the) Carousel? on Tue, 04 Jan 2022 03:02:12 GMT]]></title><description><![CDATA[<h3>Dear <a class="plugin-mentions-user plugin-mentions-a" href="/user/jr">@<bdi>jr</bdi></a></h3>
<p dir="auto">Unsure of your setup but if this works for you:</p>
<p dir="auto">Below you can see the Carousel with the number's element and a <code>margin-left</code> applied to it:</p>
<p dir="auto"><img src="/assets/uploads/files/1641265016179-screen-shot-2022-01-04-at-3.53.47-pm-resized.png" alt="Screen Shot 2022-01-04 at 3.53.47 PM.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">You could change the amount of <code>margin-left</code> to push it way outside it's container:</p>
<p dir="auto"><img src="/assets/uploads/files/1641265092467-screen-shot-2022-01-04-at-3.54.12-pm-resized.png" alt="Screen Shot 2022-01-04 at 3.54.12 PM.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">If you have content to the left of your Carousel this may not work for you as it will push it. Need to test.</p>
<p dir="auto">Example Code:</p>
<pre><code>.lay-carousel-sink-parent .numbers {
    margin-left: -100px !important;
}
</code></pre>
<p dir="auto">This can be added via &gt; Customize &gt; CSS or &gt; Lay Options &gt; Custom CSS &amp; HTML &gt; Custom CSS</p>
<p dir="auto">(NOTE: the number settings within Carousel settings should be set to "below" and "left" to suit the above code)</p>
<hr />
<h5>Hope this helps JR &amp; best wishes for 2022! 🌻</h5>
<h5>Richard</h5>
]]></description><link>https://laythemeforum.com/post/27872</link><guid isPermaLink="true">https://laythemeforum.com/post/27872</guid><dc:creator><![CDATA[Richard]]></dc:creator><pubDate>Tue, 04 Jan 2022 03:02:12 GMT</pubDate></item></channel></rss>