Image Overlay Weebly App
Do you want to create amazing image hover effects in your Weebly website? If yes, then image overlay Weebly app is perfectly designed for your website.
Do you want to create amazing image hover effects in your Weebly website? If yes, then this app is perfectly designed for your website. Image Overlay Weebly app supports five hover effects i.e Slide In Top (Overlay text slides in from top), Slide In Bottom (Overlay text slides in from bottom), Slide In Left (Overlay text slides in from left), Slide In Right (Overlay text slides in from right) and Fade In Text (Overlay text fades in).
For demo please visit Demo Website
Our Other Apps:
Please make sure that the content height doesn’t exceed the image height
do you where I can go to decrease the transparency ?
This app doesn’t provide this feature. The image overlay area is not transparent. As you can see our demo website that none of the overlay areas are transparent.
Can you overlay images and not just text? For example, I want to have a grayscale image underneath and then upon hovering show the same image, but it color. Would this app do that?
Actually the overlay area is drag and drop enabled, which means that any weebly element including image can be added in overlay area. But you need to make sure that the overlay image’s resolution i.e width and height matches the overlay area so that it properly covers that image.
I am disappointed with this purchase. I don’t mind that opacity isn’t included, however, over my photos, I get a wide, solid box with a skinny column of text that is too narrow to put a 6 letter word. Can the text width be adjusted so it isn’t so skinny? It looks ridiculous.
The width of overlay text depends on the width of image. Moreover, since the image overlay area is drag and drop enabled, you can add text element over image instead of title element which will make sure that the text size is smaller. Please let me know if you still need any assistance.
is it possible to be an clear box with text, a little bigger than the hight of the text
Actually, currently we don’t have the functionality for the transparent text box.
How can I make the image (and overlay) a link?
Also, I am having issues with text in the overlay not keeping center-align.
Since the Image Overlay works using the hover effect so it’s not possible to make the image and complete overlay area clickable. However, since the overlay area is drag and drop enabled, hence we can add links inside that area.
Great! I hadn’t thought of that!
So for others: to solve this problem I made a .png image of the text (with excess space around it) that I wanted. I dropped that image into the overlay area and then made it a link. Solved both of my problems.
Glad to hear about your creative idea to solve the problem using the features provided by the Image Overlay Weebly App.
just purchased this product, how do I add it to my weebly site so I can use it? Thanks
Hi Lee,
You will shortly receive an email with the instructions to complete the app installation process.
Thanks