New Landing › How can we help? › Themeforest Theme Support › Dante › Customize Thumbnail Overlays

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Dante
  • November 17, 2015 at 4:55 pm #229422
    cmmr
    Member
    Post count: 26

    Hi,
    How can I change the Thumbnail Overlays Effect from default to “zoom” like the one on this page ?
    http://demos.cubellthemes.com/?product=valenti

    Thanx

    November 17, 2015 at 5:15 pm #229438
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    The thumbnails for which type of asset?

    – Kyle

    November 17, 2015 at 5:21 pm #229439
    cmmr
    Member
    Post count: 26

    Mouse Over the featured Image on the following links.

    Blog Timeline Full Width

    or this one

    Blog Masonry Effect One

    Thanx

    November 18, 2015 at 7:38 am #229540
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .blog-item figure:hover img{
transform:scale(1.1, 1.1) !important;
}

    Thanks
    Mohammad

    November 18, 2015 at 8:38 am #229541
    cmmr
    Member
    Post count: 26

    Hi,
    it did not make any effect!

    November 18, 2015 at 9:12 am #229544
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    This should work:

    .blog-item figure:hover img {
  transform: scale(1.2);
}
.blog-item figure.animated-overlay {
  overflow: hidden;
}
.blog-item figure img {
  transition: all 0.5s ease-in-out 0s;
}

    – Kyle

    November 18, 2015 at 9:24 am #229550
    cmmr
    Member
    Post count: 26
    This reply has been marked as private.
    November 18, 2015 at 9:48 am #229556
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You need to decrease the transparency of the hover in Theme Options

    – Kyle

    November 18, 2015 at 9:54 am #229557
    cmmr
    Member
    Post count: 26

    I set to 0 – no difference!

    November 18, 2015 at 9:57 am #229558
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You told us it was the blog asset, you’re using the recent posts asset

    Try this

    .recent-post figure:hover img {
  transform: scale(1.1);
}
.recent-post figure {
  overflow: hidden;
}
.recent-post figure:hover img {
  transition: all 0.5s ease-in-out 0s;
}

    – Kyle

    November 18, 2015 at 10:03 am #229560
    cmmr
    Member
    Post count: 26

    Thanx for GREAT SUPPORT .

    November 18, 2015 at 10:40 am #229569
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

  • Back to forum
    Posted in: Dante
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register