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 #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,092
    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,092
    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,092
    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