WordPress.org

Support

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

[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)
  • Andrew Nevins
    Forum moderator

    @anevins

    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.

    Andrew Nevins
    Forum moderator

    @anevins

    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

    Andrew Nevins
    Forum moderator

    @anevins

    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

    Andrew Nevins
    Forum moderator

    @anevins

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

    potentweb
    Member

    @potentweb

    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

    potentweb
    Member

    @potentweb

    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?

    potentweb
    Member

    @potentweb

    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.

    designtrial
    Member

    @designtrial

    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.