Customize - Simple Portfolio - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Customize - Simple Portfolio

R

Reinhard

Extension 2 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

0
5 Answers
Pavel
Pavel
Accepted Answer
2 years ago #105051

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;
}
1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #105040

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.

0
R
Reinhard
Accepted Answer
2 years ago #105198

Hi Pavel,

Thanks, great job :-)

Best, Reinhard

0
Pavel
Pavel
Accepted Answer
2 years ago #105291

You are wellcome :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #105296

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.

0