Weebly Image Hover Effects 1

We use cookies to improve your experience on our website. AcceptView Policy

Weebly Image Hover Effects 1

16/8/2014

Add Hover Effect to Image

A few simple tricks that give a nice hover effect to your Weebly images if desired, check out this three examples with their codes and look out for more examples as they will be added in the future.
Hope you enjoy these small and easy to use tricks.

Codes + Tutorial

4 Comments

Benjamin link

21/10/2014 05:01:19 am

Hi,
I am starting a website for my hostel (more like learning how to use CSS and HTML because I've always wanted to try). I wanted to input the hover effect on the images from my gallery but the tag you give (.wsite-image-border-none and the others) seems to work only for simple images and not for the images from the gallery.
Is there a generic tag that I could use for the images in the gallery or will I have to put the hover effect on each and every images I will have in my gallery?
Thank you

Nick - Widgets4u

21/10/2014 05:23:42 pm

Hi Benjamin,

There is a generic tag (class) you can use, but as you said it is not the same one as the one shown in the tutorial. I will get deeper into this on another moment, but for now could you give a try and add the following to your css and apply some styles:
.galleryInnerImageHolder img{your styles go here}
I did however not test it yet, but it should work.

Hope this helps,
Thanks

Benjamin

22/10/2014 01:37:55 am

Thanks for your answer,

after using the devtool from google, I managed to find the class I targeted for my hoover effect. I used .galleryInnerImageHolder. It looks like you thought of the same one except I didn't add the img at the end, yet it worked.

Alexander Jimenez

27/10/2015 10:29:14 am

Hello, I'm trying to insert the spinning image tweak but where exactly do I enter that? I've tried in the element content but does nothing.

Weebly Image Hover Effects 1

Add Hover Effect to Image

Leave a Reply.

Widgets4u news

Categories

Weebly Expert Today