Image Overlay Addon - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Image Overlay Addon

J

Jürgen J. Fischer

SP Page Builder 3 weeks ago

Hi, I use image overlay addons and want the image as a link. I only can use link for title or content. How can I do this?

0
Website
http://hotel-stangl.de
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208129

Hi Jürgen,

indeed, by default is not possible, it request CSS hacks.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208130

BTW

Contact with JavaScript expert and correct code that you used inside custom.js file.

info_3410_2025.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208133

Not the perfect solution, but it will increase clickable area to 70%. 

.overlay-image-title > h3 > a {
  padding-top: 99%;
  outline: 1px solid red;   /* remove me, or change to 0px */
  display: block;
  min-width: 300px;
}

.overlay-image-button-wrap > a {
  outline: 1px solid red;   /* remove me */
  padding-right: 180px;}

yes, you can remove outline - I added only to show you clickable area.

0