image - hover effect

Hi,

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

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

What you suggest me to do?
Thanks!

Comments

  • 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; }
  • 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
  • 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; }
  • Perfect!!!!!
    thanks very much!
Sign In or Register to comment.