Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1806323
Gallery Icon
Closed

Comments

  • laurinthienes started the conversation
    December 3, 2018 at 2:45pm

    I want to change the hover icon to a custom png file for a Gallery (type: grid, style: justified grid, hover type: zooming white). Can you please advise on how to go about this.

  •  7,095
    Oliver replied
    December 3, 2018 at 2:47pm

    Hi,

    pls. give me link to the image and link to the page with the gallery.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   laurinthienes replied privately
  •  7,095
    Oliver replied
    December 3, 2018 at 2:50pm

    pls. link to the image

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   laurinthienes replied privately
  •  7,095
    Oliver replied
    December 3, 2018 at 2:58pm

    HI!

    pls. use following css:

    .gallery-item .overlay .overlay-content .overlay-content-inner {
    display: inline-block;
    background-image: url(http://verdantimages.com/wp-content/uploads/2018/12/mark.png);
    background-color: #000;
    background-size: cover;
    height: 70px;
    width: 70px;
    border-radius: 50px;
}
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon:before {
    opacity: 0;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • laurinthienes replied
    December 3, 2018 at 3:01pm

    Almost there - but it is on there even when there is no hover.

  •  7,095
    Oliver replied
    December 4, 2018 at 7:09am

    Hi,

    pls. add my css and let me know

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • laurinthienes replied
    December 4, 2018 at 12:16pm

    The CSS causes the overlay to be on all the time as if everything is being hovered at once.  Second - if I want the black background to just be a black circle outline instead of solid black, how would I do that?

  •  7,095
    Oliver replied
    December 4, 2018 at 12:23pm

    Sorry, can't understand, can you add screenshot how it should look like?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • laurinthienes replied
    December 4, 2018 at 12:27pm

    Every image acts like hover is turned on so the icon is on every image.

  •  7,095
    Oliver replied
    December 4, 2018 at 1:17pm

    pls. provide the wp-admin access

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   laurinthienes replied privately
  •  7,095
    Oliver replied
    December 5, 2018 at 7:04am

    Hi,

    pls. check now your page, I've used this one:

    .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon:before {
    display: inline-block;
    background-image: url(http://verdantimages.com/wp-content/uploads/2018/12/mark.png);
    background-color: #000;
    background-size: cover;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    content: '';
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver