Row link from back to front with row bg image

[thomasmaier]

Re: Hover image + Row Link

What do I do when the background has a link AND a background image? If I put it in front (with z-index) the link is clickable, but the background hides the content. If I put it in the back, the content is visible, but the link can't be used on top of the content (which is where the user most likely tries to click it).

[Richard]

Dear Thomas

@thomasmaier

Firstly i would suggest getting the layout how you want it (Background image in background and content in foreground) Then apply the link to the foreground. But if that doesn't make sense or possibly i have mis-understood i am happy to take a closer look if you could provide a link the the problem row 🔍

---

Talk soon Thomas and have a wonderful day 🏖

Richard

[thomasmaier]

I suppose I could also add the link to the text in the foreground, though, this would create a lot of instances of what is theoretically just one link which should cover the whole area/row.

But I think this is impossible to do without changing the core behavior of Laytheme, to separate the html tag for the background-image from the a tag for the row link (then being transparent). Twi different z-indexes need to be applied to these two elements.

[Richard]

Dear @thomasmaier

Thanks for the update - go with what you think is best 🌝
You can always apply a link to something with custom code

---

Best wishes

Richard

[thomasmaier]

It'll be a great feature for the future to separate the "link row background" from the background and make it a separate transparent link layer. Maybe it can be called "link whole row area" or something.

[Richard]

Dear @thomasmaier

Great Idea! On a side note, did you know about the new Row settings:

" Gridder: You can now set two background images per row and change the brightness of a background image. Just right click on a row, then set a background image, right click again and set another one or change the brightness/opacity. "

https://laytheme.com/version-history.html

You may wish to use these features to your advantage.

---

Best wishes

Richard