Before you ask please READ THIS

edit style of portfolio images

Hi Ar and Dan,
I may ask if you can assist me as I want to change the global setting to make all portfolio images for the whole of my website (in theme gallery, theme post list...) to be in rounded corner images style? 

Also can I add an overlay vivid/grey color to the portfolio images as this example instead of just color only? https://www.gpj.com/what-weve-done/ 

I am actually trying to create the same effect as the above sample page for  my one : https://asiatopdmc.com/corporate-event-planning-in-vietnam/ 

Really appreciate your help. 

Thanks and kind regards
Phuong

Comments

  • AirAir
    Posts: 10,970
    Hey :-)

    OK, I will try to recreate some aspects of what is in your desired link.

    So add such custom CSS:
    .gallery-frame .object-item, .single-album .object-item, .single-work .object-item {
      border-radius: 6px;
    }
    .object-item > img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1);
      -webkit-transition: -webkit-filter .15s linear;
      transition: -webkit-filter .15s linear;
      -o-transition: filter .15s linear;
      transition: filter .15s linear;
      transition: filter .15s linear,-webkit-filter .15s linear;
    }
    .object-item:hover > img {
    -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    With kind regards.
  • Million thanks for your support! It's exactly what I need.

    My best regards,
    Phuong
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!