-
chetanpatil
Hi,
In my staging website Image from the query loop is not getting clicked.
https://prnt.sc/Hj674wQr6m-H
my website is http://ruminatee.com
You can check on the homepage hero section left image.
Please open the url as http.Let me know where is the issue.
Regards
-
chetanpatil
I checked the Settings: https://prnt.sc/drkPHLdk2cnd
It is because of position absolute i believe. If i increase the z index it works but text goes behind the overlay.
If I increase the z index of the text container then whole block is becoming non clickable. -
It’s not possible in this setup, the image is acting as a background image in this situation and is not clickable.
Do you have GB Pro? If so, follow the instruction to create a container link global style.
https://learn.generatepress.com/blocks/block-guide/add-container-links/#building-our-container-with-linkIf you don’t try this:
1. make sure there is only 1 link in the loop item, in your case, you need to remove the link from the image and the author name, only leave the link in the title.
2. add a CSS class to the loop item container, for example
has-container-link
.
Adding CSS class(es): https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/2 add this CSS:
.has-container-link a:before { content: ''; inset: 0; z-index: 1; position: absolute; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
-
chetanpatil
Hi. I have followed your GB pro tutorial and it is working. But in our hero section the container has absolute position and if we change it to relative then the design is getting messed up.
https://prnt.sc/f47_zfD5s6mq
and in this case hover link is working. But in absolute position design is correct and hover link is not working. https://prnt.sc/Khe39XYTMnPUPlease let me know how we can achieve this.
Regards
-
Alvind
Hi there,
I believe you’ll need to rebuild that specific section to get the clickable container functionality working correctly. Would it be possible for you to provide temporary admin access so I can inspect the section more closely and help resolve the issue?
-
chetanpatil
Admin Creds: Addached
-
You have several links in each of the posts, If you want to use the container link, there should only be 1 link to the post; the other links added to the category and author name won’t work anymore. Is that ok?
-
chetanpatil
Ok No proble. Go ahead Please.
-
I’ve made an example for the featured post, can you check?
-
chetanpatil
This i working but there is no work around to achieve this as exactly as per the reference?
-
Alvind
Unfortunately, no. For the container link to work properly, it must contain only a single anchor (
<a>
) element. Multiple links inside the same container will break the expected behavior.
- You must be logged in to reply to this topic.