Support » Themes and Templates » [Sight] Theme Remove Grid Thumbnail Hover

  • I was wondering if there was a way on the sight theme to remove the Thumbnail hover script and always show the title below the thumbnail on the bottom.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    Here is the website right now, http://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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    Demo

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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:
    http://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

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘[Sight] Theme Remove Grid Thumbnail Hover’ is closed to new replies.