I would like to show another image upon mouse-over and hover on portfolio images.
Only way seems to be by turning portfolio images into thumbnails of another project.
But then how to deactivate the hyperlink on the thumbnail which opens up the embedded project (which obv. should not be accessible)? Should be possible?
Also, turning off the title for thumbnails in "Customise" turns it off for all of them, including those on category pages, for which I would like the thumbnails to show titles if possible (But this is a minor issue).
Have tried to do mouse-over image change with HTML code,
which works, but makes resizing behaviour very weird and not acceptable.
Or additional plug-ins, which I hesitate to instal...
There must be an easier way to do this simple thing???
big thanks in advance.
I would give the thumbnail solution another shot to keep it simple.
You can give the image-container or the image itself a CUSTOM CSS with ````pointer-events: none;`````
Then you cannot click on them anymore.
Also you can turn off the project title with CUSTOM CSS and giving those elements a custom class.
Hope I could help.
I use a thumbnail grid on the landing page. And that's perfectly fine the way it is.
In project pages, I am separately placing thumbnails of dummy projects to get the mouse-over image-swap effect, and want to turn off the hyperlink to the dummy project.
Before you post:
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
- When using a WordPress Cache plugin, disable it or clear your cache.
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- If the problem is difficult to explain, post screenshots / link to a video to explain it