http://www.kriesi.at/support/tags/image-hover Support Forum - Tag: image hover - Recent Posts en-US Thu, 20 Jun 2013 01:52:19 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-disable-image-hover-and-icon#post-119549 Wed, 19 Jun 2013 23:34:42 +0000 vitaliss 119549@http://www.kriesi.at/support/ <p>I'd also be interested in removing image hover/arrow in all the images. Thanks. </p> http://www.kriesi.at/support/topic/portfolio-item-hover#post-119533 Wed, 19 Jun 2013 20:05:59 +0000 Daniel 119533@http://www.kriesi.at/support/ <p>Try this one then:</p> <pre><code>.image-overlay .image-overlay-inside::before { background: none !important; }</code></pre> http://www.kriesi.at/support/topic/how-to-disable-image-hover-and-icon#post-119527 Wed, 19 Jun 2013 19:24:05 +0000 mj109 119527@http://www.kriesi.at/support/ <p>Hi, </p> <p>I would like to disable the image hover and icon when I am using the Justified Image Grid plugin. And allow the hover and icon for normal media images.</p> <p>thanks, </p> <p>MJ </p> http://www.kriesi.at/support/topic/portfolio-item-hover#post-119509 Wed, 19 Jun 2013 17:23:50 +0000 potterlawson 119509@http://www.kriesi.at/support/ <p>Thanks for your help. I placed that text into my custom.css file and uploaded it, but it didn't work....wondering what I did wrong??? </p> http://www.kriesi.at/support/topic/portfolio-item-hover#post-119466 Wed, 19 Jun 2013 15:17:40 +0000 Daniel 119466@http://www.kriesi.at/support/ <p><strong>Okay I solved it!</strong></p> <p>First potterlawso here is the answer to your question:<br /> <pre><code>.image-overlay .image-overlay-inside::before { background: none; }</code></pre> <p>Post the above into your custom.css file.</p> <p>If you only want it done to a certain page, remember to look at the page's sourcecode and get the portfolios page-id-&lt;number&gt; e.g page-id-507</p> <p>In that case all you would do is add .page-id-507 infront as follows:</p> <pre><code>.page-id-507 .image-overlay .image-overlay-inside::before { background: none; }</code></pre> <p>As for my question here is how to replace the circle + icon and add something you want:</p> <p>Original code found in layout.css</p> <pre><code>.image-overlay .image-overlay-inside::before { position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff; }</code></pre> <p>Then added my own in custom.css to a specific page:</p> <pre><code>.page-id-756 .image-overlay .image-overlay-inside::before{ position: absolute; border-radius: 0px !important; background: url(../images/portfolio-hover-image.png) no-repeat !important; height:114px !important; width:141px !important; line-height:114px; left:35%; top:45%; z-index: 500; text-align: center; color:#fff; }</code></pre> <p>Please note I put my image in the image folder. The path is /theme_name/images/ folder. Default /enfold/images/ = ../images/</p> <p>Hope that helps,<br /> Peace,<br /> Daniel </p> http://www.kriesi.at/support/topic/portfolio-item-hover#post-119381 Wed, 19 Jun 2013 08:59:01 +0000 Daniel 119381@http://www.kriesi.at/support/ <p>Hello, considering this falls under the same topic I'll request it here also. I want the same as potterlawso. But I would also like to know how to change this image to a custom image I've created, lets call it: portfolio-image.jpg</p> <p>So instead of the Circle with the Icon, how can I make this be replaced by my portfolio-image.jpg?</p> <p>Cheers all,<br /> Daniel </p> http://www.kriesi.at/support/topic/portfolio-item-hover#post-119278 Tue, 18 Jun 2013 20:33:47 +0000 potterlawson 119278@http://www.kriesi.at/support/ <p>I'm trying to figure out how to remove the circle with an arrow that pops up when you hover over a portfolio item. I would like to keep the transparent white that appears just rid of the circle with arrow....thank you! </p> http://www.kriesi.at/support/topic/woocommerce-add-to-cart-image-hover-question#post-81671 Wed, 31 Oct 2012 12:17:26 +0000 Dude 81671@http://www.kriesi.at/support/ <p>Hi! </p> <p> Yes, open up flashlight\woocommerce-config\config.php and delete following line:</p> <pre><code>echo $link;</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/woocommerce-add-to-cart-image-hover-question#post-81537 Tue, 30 Oct 2012 11:55:18 +0000 coenie 81537@http://www.kriesi.at/support/ <p>Hi,</p> <p>I am developing a website for relatively expensive watches, and no one is buying a watch by just looking at a thumbnail. At the moment when you hover over an image 2 buttons appear: 1 for 'add to cart' and the other for 'more details'. Is it possible to only show the 'more details' button?</p> <p>Thanks!</p> <p>Coenie </p> http://www.kriesi.at/support/topic/image-hover-post#post-58820 Tue, 05 Jun 2012 06:08:30 +0000 Ismael 58820@http://www.kriesi.at/support/ <p>Hi Phil,</p> <p>Glad that you found the solution. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/image-hover-post#post-58333 Thu, 31 May 2012 23:01:13 +0000 philipjamesbarnes 58333@http://www.kriesi.at/support/ <p>found it - put in this if it helps anyone;</p> <p>.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {<br /> opacity: 0!important;<br /> } </p> http://www.kriesi.at/support/topic/image-hover-post#post-58330 Thu, 31 May 2012 22:47:52 +0000 philipjamesbarnes 58330@http://www.kriesi.at/support/ <p>Hi Guys,</p> <p>How can I remove the image hover function on posts? See this example - <a href="http://www.whatisoninlondon.com/2012/boutique-cinema-put-your-feet-up/" rel="nofollow">http://www.whatisoninlondon.com/2012/boutique-cinema-put-your-feet-up/</a></p> <p>I want both the magnifying glass and grey overlay disabled. I've used this code;</p> <p>.lightbox_image .image_overlay_effect {<br /> display: none;<br /> }</p> <p>What else do I need?</p> <p>On another note, can you modify this blog to send an email update when someone replies to a post? I find it hard to find past posts and as the feedback isn't often it's easy to lose track of it. Just a suggestion to improve the process.</p> <p>Phil </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-22173 Thu, 07 Jul 2011 06:24:22 +0000 Dude 22173@http://www.kriesi.at/support/ <p>Hey,<br /> open up framework/helper_functions/kriesi_post_thumb.php and change following code to your needs:<br /> <pre><code>$parameters .= &#39;&amp;zc=1&#39;;</code></pre> <p>However I'm not sure if you'll see any effect (I don't think so) because timthumb is just a fallback script and it's used when the wp post thumbnail function doesn't work. </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-22071 Tue, 05 Jul 2011 23:13:15 +0000 ScarlettC 22071@http://www.kriesi.at/support/ <p>Hello ~ </p> <p>I'd like to know how to adjust the settings in functions.php to take advantage of timthumb's zc=2, zc=3 settings. The L img hovers are often stretched since the dimensions are set &amp; my client uploads smaller images. Ideally, you'll help me to adjust the settings so the image aspect ratio can be preserved while filling the dimensions. </p> <p><a href="http://www.binarymoon.co.uk/demo/timthumb-zoom-crop/" rel="nofollow">http://www.binarymoon.co.uk/demo/timthumb-zoom-crop/</a></p> <p>Thanks! </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-9477 Sat, 27 Nov 2010 07:48:29 +0000 Dude 9477@http://www.kriesi.at/support/ <p>Hey,<br /> there are some bugs/problems with WP3 (i.e. external link doesn't work correctly) - I already reported them to Kriesi. </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-9401 Wed, 24 Nov 2010 21:08:23 +0000 blacksand 9401@http://www.kriesi.at/support/ <p>At the moment I am using wordpress 2.9.2 not wordpress 3.0+. But in theme description it is written that it is compatible with 3.0. But it is not compatible with 3.0 </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-9384 Wed, 24 Nov 2010 16:46:09 +0000 James Morrison 9384@http://www.kriesi.at/support/ <p>Hey,</p> <p>I've had a look at your site and it looks like you've installed the theme and I can see any immediate errors or problems.</p> <p>To cover your questions:</p> <p>1.) You can adjust the image sizes in functions.php - you need to adjust this code:</p> <pre><code>##################################################################### # Define Thumbnail sizes ##################################################################### $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;base&#39;] = array(&#39;width&#39;=&gt;267, &#39;height&#39;=&gt;180); // backend preview size, if changed does not affect the frontend $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;S&#39;] = array(&#39;width&#39;=&gt;60, &#39;height&#39;=&gt;60); // small preview pics, eg for sidebar news $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;M&#39;] = array(&#39;width&#39;=&gt;180, &#39;height&#39;=&gt;135); // small preview pic for posts $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;L&#39;] = array(&#39;width&#39;=&gt;610, &#39;height&#39;=&gt;260); // big preview pic for posts $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;XL&#39;] = array(&#39;width&#39;=&gt;884, &#39;height&#39;=&gt;390); // big images for fullsize pages</code></pre> <p>2.) The popup image effect upon hovering over the gallery images (e.g. Site 5) is working as per the <a href="http://www.kriesi.at/themes/expose/">demo</a>.</p> <p>If you have any other specific questions, please let us know.</p> <p>James </p> http://www.kriesi.at/support/topic/about-image-hover-image-size-and-post-thumbnail#post-9330 Tue, 23 Nov 2010 14:50:36 +0000 blacksand 9330@http://www.kriesi.at/support/ <p>Hi,<br /> I purchased your theme. But could not install theme like your demo. I made all things that you wrote in your installation manual. But unfortunately could not find where to change image size, because you said to mini, small, medium, large. Where to edit these? Also when adding new post, there is not “Post Thumbnail”, there is only “Post Thumbnail Option”, therefore lightbox effect does not work in homepage. Also when I click to “large”, there is not any images.</p> <p>I am using wordpress 3.0.1.<br /> My website: <a href="http://www.webzun.com" rel="nofollow">http://www.webzun.com</a> </p>