Thumbnail hover not showing in front end

  • Resolved CathrynJ

    (@cathrynj)


    8 years, 3 months ago

    I am currently using the free version of Foogallery and Fooxbox – really nice plugin, thank you. Love how it keeps the settings from a chosen gallery, how you can rearrange the order of the images so easily and how the shortcode automatically copies to the clipboard when you click it.

    The only problem I’m having is that the thumbnails in the gallery don’t have the hover effect when published to the website. The preview on the Gallery page works fine.

    I’ve tried it on PC Chrome, Firefox and Android Chrome

    My gallery settings are:

    Responsive Gallery
    385x385px (crop to exact ticked)
    Link: full size image
    Border style – last one, no border
    Hover effect: dark tint
    Lightbox: FooBox Free
    Spacing 10px
    Alignment: left

    No custom CSS

    The system info is:

    FooGallery version : 1.2.8
    WordPress version : 4.4.1
    Activated Theme : Create (the one from Themetrust)
    WordPress URL : http://cathrynjupp.com (um, I’m in the middle of changing stuff so please excuse the mess 😛 An example of a page with the foogallery in it is: http://cathrynjupp.com/posts/project/kainan/ )
    PHP version : 5.4.30
    PHP GD Loaded : 2
    Extensions Endpoint : https://raw.githubusercontent.com/fooplugins/foogallery-extensions/master/extensions.json
    Extensions Errors : Nope, all good
    Extensions :
    Extensions Active : Array
    (
    [0] => default_templates
    [1] => foobox-image-lightbox
    )

    Gallery Templates : Array
    (
    [0] => default
    [1] => masonry
    [2] => simple_portfolio
    [3] => justified
    [4] => thumbnail
    )

    Lightboxes : Array
    (
    [foobox-free] => FooBox Free
    )

    Active Plugins : Array
    (
    [0] => akismet/akismet.php
    [1] => black-studio-tinymce-widget/black-studio-tinymce-widget.php
    [2] => contact-form-7/wp-contact-form-7.php
    [3] => foobox-image-lightbox/foobox-free.php
    [4] => foogallery/foogallery.php
    [5] => revslider/revslider.php
    [6] => siteorigin-panels/siteorigin-panels.php
    [7] => so-widgets-bundle/so-widgets-bundle.php
    [8] => wordpress-importer/wordpress-importer.php
    )

    Thanks in advance for any help 🙂

    https://wordpress.org/plugins/foogallery/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author bradvin

    (@bradvin)

    8 years, 3 months ago

    Hi

    I had a look and it seems to be a conflict with your theme’s css. In the file http://cathrynjupp.com/wp-content/themes/themetrust-create/style.css?ver=4.4.1 lines 165-170 cause the issue:

    img{
	filter: none;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
}

    That resets the layer position, so the “hover” layer is hidden behind. All you need to do is specify some custom CSS for the gallery:

    .foogallery-default a:before {
    z-index: 1;
}

    That should get it working again. You might want to add that to your theme’s CSS so you do not need to add it to every gallery’s custom CSS

    Thread Starter CathrynJ

    (@cathrynj)

    8 years, 3 months ago

    Awesome, thank you. I added it to the style.css file and it looks like it’s working on all my galleries 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Thumbnail hover not showing in front end’ is closed to new replies.