-
Posts
-
Hello, I would like to turn of the image link hover at http://parkervillewoodproducts.com/pricing/. As you can see, it throws the entire layout of the page off. I don’t want to turn that functionality off for the entire site, but rather I would like to know how to do it on a case-by-case basis. As an interesting note, if you go to my homepage http://parkervillewoodproducts.com/, the icons on the front don’t have the hover. I have no idea why that is, but maybe it’s something you can clarify? Thanks.
Hey rcthornt!
Please update Enfold to the latest version 2.6.2 and let us know if issue remains – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
YigitHey Yigit- I just updated to the most recent version, and the issue still remains. I think the easiest thing is if I can just “turn off” the fade and the blue circle that appears on hover…it’s a distraction for the purposes of this picture anyway. Can you please share with me how to do that? Thanks.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.image-overlay { display: none; }Regards,
YigitThanks, but this only partly solves the problem. Take a look at this page – http://parkervillewoodproducts.com/pricing/ , and hover over the 3 green-bordered boxes. Notice how they re-size for no apparent reason? I think the issue is the coding that was being used to display the image overly. Can you please tell me how to make the boxes not resize?
Hi!
You just need to add the “noLightbox” class to the image links – i.e. replace:
<a href="/domestic-hardwood-sizing-and-pricing" class="price-page-icon"><img class="" alt="" src="/wp-content/uploads/2014/04/1396916310_North_America.png"></a>with
<a href="/domestic-hardwood-sizing-and-pricing" class="price-page-icon noLightbox"><img class="" alt="" src="/wp-content/uploads/2014/04/1396916310_North_America.png"></a>Cheers!
Peter
- The topic ‘Turning Off Image Link Hover’ is closed to new replies.