WordPress.org

Ready to get started?Download WordPress

Forums

[Sight] Theme Remove Grid Thumbnail Hover (18 posts)

  1. makecg
    Member
    Posted 1 year ago #

    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.

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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?

  3. makecg
    Member
    Posted 1 year ago #

    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.

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  5. makecg
    Member
    Posted 1 year ago #

    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

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  7. makecg
    Member
    Posted 1 year ago #

    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
    http://wpshower.com/demo/?theme=sight

  8. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  9. potentweb
    Member
    Posted 1 year ago #

    Are you talking about the pinterest hover effect?

  10. makecg
    Member
    Posted 1 year ago #

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

  11. potentweb
    Member
    Posted 1 year ago #

    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.

  12. makecg
    Member
    Posted 1 year ago #

    ohhh its the z-index?

  13. potentweb
    Member
    Posted 1 year ago #

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

  14. makecg
    Member
    Posted 1 year ago #

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

  15. makecg
    Member
    Posted 1 year ago #

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

  16. designtrial
    Member
    Posted 11 months ago #

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

  17. designtrial
    Member
    Posted 11 months ago #

    this is my link

  18. designtrial
    Member
    Posted 11 months ago #

Topic Closed

This topic has been closed to new replies.

About this Topic