[Sight] Theme Remove Grid Thumbnail Hover

It sounds as though you’re going to need to add modifications and when you do, use a Child Theme.

Are you familiar with HTML, CSS and PHP?

yeah I know html and css but not so much PHP. we already did alot of edits directly on the website so I don’t really want to do a child theme now. kind of sucks i thought it would be easier to change.

Can you present a link to your website depicting this Thumbnail hover?

Here is the website right now, https://beautifullyfitlife.com/
if you go to the grid view you can see what i am talking about. I would like it to look similar to the related posts thumbnails

Do you know which Plugin is causing this? Have you tried disabling one-by-one your plugins to find out?

no it’s not a plugin it’s the actual sight theme. I just want to disable the hover effect and have titles below thumbnail.
It has to do with the JS Script
https://wpshower.com/demo/?theme=sight

I can’t find the JavaScript which applies this. Perhaps it is CSS.

Are you talking about the pinterest hover effect?

no the hover effect on the grid layout.. disable that and have the titles below the thumbnails

The effect is in this file:
https://beautifullyfitlife.com/wp-content/themes/sight/js/script.js?ver=3.4.1

Part:

function grid_update(){
            $('#loop').addClass('grid').removeClass('list');
            $('#loop').find('.thumb img').attr({'width': '190', 'height': '190'});
            $('#loop').find('.post')
                .mouseenter(function(){
                    $(this)
                        .css('background-color','#efefef')
                        .find('.thumb').hide()
                        .css('z-index','-1');
                })
                .mouseleave(function(){
                    $(this)
                        .css('background-color','#f5f5f5')
                        .find('.thumb').show()
                        .css('z-index','1');
                });
            $('#loop').find('.post').click(function(){
                location.href=$(this).find('h2 a').attr('href');
            });
            $.cookie('mode','grid');

Edit the mouse enter function.

ohhh its the z-index?

Just remove the whole `$(this)
.css(‘background-color’,’#efefef’)
.find(‘.thumb’).hide()
.css(‘z-index’,’-1′);`

awesome thanks. that works it removes the hover effects
i’m so close now

got it to work a bit only problem is it overlaps the thumbnail a bit if there is too much words.

Hi makecg, do you solve the problem, i would like to know too since am using the same theme and same idea..manythanks