Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #2355035
Portfolio Grid
Closed

Comments

  • jenminto17 started the conversation
    April 8, 2020 at 10:57pm

    Hello,

    What would the CSS be to remove the hover animation on the portfolio grid thumbnails?  I want my thumbnail image to be centered.

    I have art fo the thumbnails that I need centered and the default stying doesn't work with that.

    Attached are screenshots showing what I mean.

    Thank you!

  •  7,280
    Oliver replied
    April 9, 2020 at 9:11am

    HI!

    pls. use following css:

    body .portfolio-item .image img {
    max-width: 100%;
    height: auto;
}
    5110651633.png

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

    Regards, Oliver

  • jenminto17 replied
    April 9, 2020 at 4:10pm

    Thank you! 

    This worked, but there is still an animation that shifts the image to the left when you hover. Is there CSS to eliminate that?

  •  7,280
    Oliver replied
    April 10, 2020 at 8:56am

    Hi,

    Add this one:

    body .hover-horizontal-sliding .portfolio-item:hover .image .image-inner img, 
body .hover-horizontal-sliding .gallery-item:hover .overlay-wrap .image-wrap img {
    -webkit-transform: translateX(-9%);
    transform: none;
}

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

    Regards, Oliver

  • jenminto17 replied
    April 10, 2020 at 4:08pm

    This worked perfectly! Thanks again!

  •  7,280
    Oliver replied
    April 13, 2020 at 1:49pm

    You're welcome!

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

    Regards, Oliver