<?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[Project Thumbnail Mouseover]]></title><description><![CDATA[<p dir="auto">Hi Arwin!<br />
Fisrt congrats for your amazing theme.. I am so in love whit it!</p>
<p dir="auto">I am quiet new and  I´ve been a few hour trying to get a mouseover transparent background on projects thumbnails!!. I will need some like this example <a href="http://www.photosalonhelga.com/" target="_blank" rel="noopener noreferrer nofollow ugc">http://www.photosalonhelga.com/</a></p>
<p dir="auto">Any idea to get it? I have been trying with the code you suggeted a few weeks ago</p>
<p dir="auto">.col[data-type="project"]:hover .ph{<br />
border: 10px solid #00f;<br />
}<br />
.col[data-type="project"] .ph{<br />
border: 10px solid transparent;<br />
}</p>
<p dir="auto">But this is to add a border to thumbnails and what I basicly need is to keep the project image around as a border.<br />
THANK YOU SO MUCH!!</p>
]]></description><link>https://laythemeforum.com/topic/350/project-thumbnail-mouseover</link><generator>RSS for Node</generator><lastBuildDate>Fri, 17 Apr 2026 00:18:52 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/350.rss" rel="self" type="application/rss+xml"/><pubDate>Mon, 14 Mar 2016 19:20:23 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Project Thumbnail Mouseover on Tue, 15 Mar 2016 09:35:01 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/arminunruh">@<bdi>arminunruh</bdi></a> Helps A LOT! This is working perfectly now!<br />
Thank you so much! Great work!</p>
]]></description><link>https://laythemeforum.com/post/1407</link><guid isPermaLink="true">https://laythemeforum.com/post/1407</guid><dc:creator><![CDATA[ana]]></dc:creator><pubDate>Tue, 15 Mar 2016 09:35:01 GMT</pubDate></item><item><title><![CDATA[Reply to Project Thumbnail Mouseover on Tue, 15 Mar 2016 08:29:11 GMT]]></title><description><![CDATA[<p dir="auto">Hey ana!</p>
<p dir="auto">That's their CSS, hope that helps!</p>
<pre><code>.col[data-type="project"] .ph span {
    background-color: white;
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    width: 90%;
    height: 90%;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
  .col[data-type="project"] .ph span:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
</code></pre>
]]></description><link>https://laythemeforum.com/post/1400</link><guid isPermaLink="true">https://laythemeforum.com/post/1400</guid><dc:creator><![CDATA[arminunruh]]></dc:creator><pubDate>Tue, 15 Mar 2016 08:29:11 GMT</pubDate></item></channel></rss>