<?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[size images beyond the frame?]]></title><description><![CDATA[<p dir="auto">hey is it possible to size images beyond the frame?</p>
<p dir="auto">this would be handy?<br />
is there any trick ?</p>
<p dir="auto">best regards</p>
]]></description><link>https://laythemeforum.com/topic/7323/size-images-beyond-the-frame</link><generator>RSS for Node</generator><lastBuildDate>Tue, 18 Aug 2026 19:39:58 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/7323.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 02 Nov 2021 22:59:11 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to size images beyond the frame? on Mon, 08 Nov 2021 04:05:37 GMT]]></title><description><![CDATA[<h3>Dear David</h3>
<h6><a class="plugin-mentions-user plugin-mentions-a" href="/user/pk">@<bdi>pk</bdi></a></h6>
<p dir="auto">If you wish to apply a 'Bleed' to certain images, i would suggest giving them all the same Custom Class E.g <code>bleed</code> :</p>
<p dir="auto">(right-click on element)<br />
<img src="/assets/uploads/files/1636343757808-screen-shot-2021-11-08-at-4.54.45-pm-resized.png" alt="Screen Shot 2021-11-08 at 4.54.45 PM.png" class=" img-fluid img-markdown" /> <img src="/assets/uploads/files/1636343821772-screen-shot-2021-11-08-at-4.54.50-pm-resized.png" alt="Screen Shot 2021-11-08 at 4.54.50 PM.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Then for a fullscreen bleed you can target these images and define some CSS for them, pushing them outside the frame E.g:</p>
<pre><code>.bleed img{
    width: 105vw;
}
</code></pre>
<p dir="auto">( 105 viewport width, slightly wider than 100% browser width )</p>
<p dir="auto">Or for a bleed effect on Hover:</p>
<pre><code>.bleed img:hover{
    width: 150vw;
    transition: 0.9s ease;
}
</code></pre>
<hr />
<p dir="auto">The Custom CSS will be up to you, but i hope this sets you in the right direction. Custom CSS can be added via Lay Options &gt; Custom CSS &amp; HTML or through &gt; Customize &gt; CSS</p>
<blockquote>
<p dir="auto"><a href="https://laytheme.com/documentation.html#custom-css-styling" target="_blank" rel="noopener noreferrer nofollow ugc">https://laytheme.com/documentation.html#custom-css-styling</a></p>
</blockquote>
<hr />
<h5>Talk soon <a class="plugin-mentions-user plugin-mentions-a" href="/user/pk">@<bdi>pk</bdi></a> &amp; have a wonderful day 🌻</h5>
<h5>Richard</h5>
]]></description><link>https://laythemeforum.com/post/27204</link><guid isPermaLink="true">https://laythemeforum.com/post/27204</guid><dc:creator><![CDATA[Richard]]></dc:creator><pubDate>Mon, 08 Nov 2021 04:05:37 GMT</pubDate></item><item><title><![CDATA[Reply to size images beyond the frame? on Wed, 03 Nov 2021 23:31:51 GMT]]></title><description><![CDATA[<p dir="auto">hey Richard</p>
<p dir="auto">in case you speak german</p>
<p dir="auto">ich würde gerne mit einigen Bildern seitlich in den anschnitt gehen.</p>
<p dir="auto">best regards<br />
david</p>
]]></description><link>https://laythemeforum.com/post/27140</link><guid isPermaLink="true">https://laythemeforum.com/post/27140</guid><dc:creator><![CDATA[pk]]></dc:creator><pubDate>Wed, 03 Nov 2021 23:31:51 GMT</pubDate></item><item><title><![CDATA[Reply to size images beyond the frame? on Wed, 03 Nov 2021 21:25:36 GMT]]></title><description><![CDATA[<h3>Dear <a class="plugin-mentions-user plugin-mentions-a" href="/user/pk">@<bdi>pk</bdi></a></h3>
<p dir="auto">Just to Clarify 🌝<br />
<em>"Outside of the Frame"</em> - Do you wish to make images larger than the browser width?</p>
<p dir="auto">This is possible with <a href="https://laytheme.com/documentation.html#custom-css-styling" target="_blank" rel="noopener noreferrer nofollow ugc">Custom CSS</a> but unlikely with standard options, however you could select " never show resized versions " for your Images and upload really big ones? (this would be very slow for your website though)</p>
<p dir="auto"><img src="/assets/uploads/files/1635974651627-screen-shot-2021-11-04-at-10.23.23-am-resized.png" alt="Screen Shot 2021-11-04 at 10.23.23 AM.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Another option may be to play with "Max width of Content" and set a very large width:</p>
<p dir="auto"><img src="/assets/uploads/files/1635974688761-screen-shot-2021-11-04-at-10.23.39-am-resized.png" alt="Screen Shot 2021-11-04 at 10.23.39 AM.png" class=" img-fluid img-markdown" /></p>
<hr />
<h5>Talk soon &amp; best wishes 🏖</h5>
<h5>Richard</h5>
]]></description><link>https://laythemeforum.com/post/27135</link><guid isPermaLink="true">https://laythemeforum.com/post/27135</guid><dc:creator><![CDATA[Richard]]></dc:creator><pubDate>Wed, 03 Nov 2021 21:25:36 GMT</pubDate></item></channel></rss>