image - hover effect

talknsave · April 2016

Hi,

I want to remove part of the hover style from the image

Here is screenshot: http://screencast.com/t/Lx39kIwiEUg

This is the link to my site: http://talknsave.us/2/

What you suggest me to do?

Thanks!

Albert · April 2016

Hi,

you can remove this part with the following css:

.image_frame .image_wrapper .image_links { display: none !important; }

Please notice that above css will remove links from all images around site. If you want to remove them in that section only, you must set class name for this section first, like class-name and then use the following css:

.class-name .image_frame .image_wrapper .image_links { display: none !important; }

harmonicapapa · April 2016

This solution has removed the bar sliding up, but the image still moves and the images are being clipped. How can I remove all the hover effects?

Here is a link to the site http://candlhat.uk/?page_id=2263

The links to the app stores are cutting off the images

Albert · April 2016

On the screenshot, you told us to remove just the bar. However, if you want to remove whole hover effects, except what we gave you above, you need to use below css as well:

.image_frame .image_wrapper .mask::after { display: none !important; }
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; }
.image_frame .image_wrapper img:not(.ls-l) { top: 0 !important; }

talknsave · April 2016

Perfect!!!!!

thanks very much!

Albert · April 2016

You're welcome

image - hover effect

Comments

This website uses cookies