<?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[Blur just on text links NOT on linked images]]></title><description><![CDATA[<p dir="auto">Re: <a href="/topic/1768/blurry-links">Blurry links</a></p>
<p dir="auto">Hello,</p>
<p dir="auto">i would love to have the blur effect for text links only, but it seems like the code is also making my linked images blurry. is their a way to avoid this?</p>
<p dir="auto">i am using following code i guess i found in the forum as well:</p>
<pre><code>a {
    color: #000000;
    transition: ease-in-out 0.2s;
}

a:hover {
    color: #000000;
     -webkit-filter: blur(10px); /* Safari */
    filter: blur(20px);
    transition: ease-in-out 0.2s;
}
</code></pre>
<p dir="auto">Whoever can tell me will make me very happy :)</p>
<p dir="auto">Have a great day!</p>
<p dir="auto">Cheers, Max</p>
]]></description><link>https://laythemeforum.com/topic/7753/blur-just-on-text-links-not-on-linked-images</link><generator>RSS for Node</generator><lastBuildDate>Wed, 16 Sep 2026 12:17:00 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/7753.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 24 Mar 2022 14:37:54 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Blur just on text links NOT on linked images on Sat, 02 Apr 2022 02:07:17 GMT]]></title><description><![CDATA[<h3>Dear Max</h3>
<h6><a class="plugin-mentions-user plugin-mentions-a" href="/user/maxwinter">@<bdi>MaxWinter</bdi></a></h6>
<p dir="auto">I think i can help 🌝<br />
When a Link has an image inside of it, we would have the 'nesting'</p>
<pre><code>a img{
//insert css here
}
</code></pre>
<p dir="auto"><img src="/assets/uploads/files/1648864825448-screen-shot-2022-04-02-at-2.58.26-pm-resized.png" alt="Screen Shot 2022-04-02 at 2.58.26 PM.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">But in most cases with a link and text - the link would have a <code>span</code> element inside wrapping the text:</p>
<p dir="auto"><img src="/assets/uploads/files/1648864890458-screen-shot-2022-04-02-at-2.57.54-pm-resized.png" alt="Screen Shot 2022-04-02 at 2.57.54 PM.png" class=" img-fluid img-markdown" /></p>
<pre><code>a span{
// insert css here
}
</code></pre>
<p dir="auto">Because if this we can target only the links that have <code>span</code> within therefore only text links, e.g</p>
<pre><code>a span {
    color: #000000;
    transition: ease-in-out 0.2s;
}

a span:hover {
    color: #000000;
     -webkit-filter: blur(10px); /* Safari */
    filter: blur(20px);
    transition: ease-in-out 0.2s;
}
</code></pre>
<hr />
<h5>Best wishes Max, have a great weekend</h5>
<h5>Richard</h5>
]]></description><link>https://laythemeforum.com/post/29070</link><guid isPermaLink="true">https://laythemeforum.com/post/29070</guid><dc:creator><![CDATA[Richard]]></dc:creator><pubDate>Sat, 02 Apr 2022 02:07:17 GMT</pubDate></item><item><title><![CDATA[Reply to Blur just on text links NOT on linked images on Thu, 31 Mar 2022 09:28:39 GMT]]></title><description><![CDATA[<p dir="auto">Hello,</p>
<p dir="auto">just wanted to push this topic a little bit. If there is a simple solution i could find elsewhere i would be very happy if someone could let me know :)</p>
<p dir="auto">Could not find an answer to this in the forum.</p>
<p dir="auto">Have a great day!</p>
<p dir="auto">Cheers, Max</p>
]]></description><link>https://laythemeforum.com/post/29049</link><guid isPermaLink="true">https://laythemeforum.com/post/29049</guid><dc:creator><![CDATA[MaxWinter]]></dc:creator><pubDate>Thu, 31 Mar 2022 09:28:39 GMT</pubDate></item></channel></rss>