Customize - Simple Portfolio - Forum | JoomShaper
Solved Extensions

Customize - Simple Portfolio

Asked by Reinhard 3 years ago Last activity 3 years ago

Dear Support-Team,

Simple Portfolio - How to implement a "direct link" based on the whole thumbnail instead of the "view"-button?
https://imgur.com/a/NmS7Oz1
Thanks for your support!

Best,
Reinhard

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi.

Try this css

.sp-simpleportfolio-btns {
    position: absolute;
    inset: 0;
}
.sp-simpleportfolio-btns .btn-zoom {
    display: none !important;
}
.sp-simpleportfolio-btns .btn-view {
    position: absolute;
    inset: 0;
    border: none !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    background-color: transparent !important;
    transform: none !important;
}

4 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi Reinhard,

It requests php customization to move link inside, and it's beyond included support, according to our support policy.

Using custom CSS you can, for example, hide those buttons.

For example "zoom" hide

.sp-simpleportfolio-btns a.btn-zoom {
  display: none;
  visibility: hidden;
}

or ... increase size of view button.

Reinhard Asked this
3 years ago

Hi Pavel,

Thanks, great job :-)

Best,
Reinhard

Pavel
3 years ago

You are wellcome :)

Paul Frankowski Senior Staff
3 years ago

Big Thanks Pavel, of course as always.

indeed your method works, but it's not accessibility friendly - it's good to know that in case of.... audit.

Log in to reply.