Paul asks,
Anyone figure out how to show featured images (even if partially transparent) on hover for the #genesiswp Whitespace them?
In this article I share the code to display Featured images on hover for Posts on homepage of Whitespace Pro.
Screenshot:
Screencast:
Step 1
Register a custom image size for the featured images. Add this in Whitespace Pro's functions.php:
This did not work on my Whitespace Pro site at tibesar.com
I’m curious if it worked for other sites please.
Thank you very much for this feature – it really should have been part of the original theme.
You may have to regenerate thumbnails.
https://wordpress.org/plugins/regenerate-thumbnails/
I have updated my post to include this step.
Thank you!
I also changed my media settings thumbnails to 400 x 400.
However, the hover still does not work.
My site is a private family archive so the home page is redirected to tibesar.com/category/blog after family members successfully login.
I believe this may be the source of the problem.
If I am unable to resolve I will hire your customization services.
This is a feature that I am very much interested in.
Thank you very much!
Marcus Tibesar, Lead Archivist and Founder
Tibesar Family Archives
Hi Sridhar.
The hover didn’t work on my site here: http://www.meredithkaplancoaching.com/new/
and I did regenerate the thumbnails.
Also there is now a space at the top of the page above the header – how can I get rid of that? Many thanks. Anxious for this to work. Very cool 🙂
Many thanks,
Marcia Coffey
[email protected]
Hi Marcia,
I do not see the suggested CSS code being added in style.css. Can you please check?
Also can you paste your modified front-page.php at http://www.pastebin.com and give the link to view the code?
Good evening Sridhar,
Here is the front-page.php link at pastebin.com:
http://pastebin.com/Q7gRycTJ
Also, I just added the CSS to my custom css stylesheet. Seem to have forgotten that.
Many thanks,
Marcia
Hi Sridhar,
Did you get everything you need to help solve this problem? Look forward to hearing from you.
Thanks,
Marcia
Do the posts have featured images? If they do then I need your WP and FTP access so I can troubleshoot. Please send them via the contact form.
Fixed.
I see that you have added a part of the code in front-page.php after the
genesis();line. You are supposed to add before it.Hi Sridhar,
http://www.meredithkaplancoaching.com/new/
Homepage not rendering well on my phone. Android, both views. Does this have to do with the images?
Many thanks,
Marcia
How can this be added to the archive page as well?