[Resolved] Possible to make an entire Content Template clickable in a Toolset WP Archive?

[Author]

Posts

[simonM-5]

Hi Support

I'm trying make an entire box clickable, namely the contents of the Content Template, on a WordPress archive.

I have tried wrapping the entire <div> in <a> tags (screenshot), but it gets rendered outside the <a> tags (screenshot)

Also tried wrapping the contents of the <wpv-loop> tag and in <a> tags unsuccessfully (screenshot).

I've seen a few similar posts on forum https://toolset.com/forums/topic/want-to-make-the-view-loop-output-clickable/, https://toolset.com/forums/topic/how-to-hyperlink-an-entire-container-block/

But haven't been able to get it to work. Is it possible without the use of JavaScript?

Thanks and regards
Simon

[Nigel]

Hi Simon

It is invalid HTML to next links, so it won't work if the section of content you want to wrap in a link includes any links.

Looking at the markup in your screenshot it clearly does, so cannot work.

You could remove the inner links, making them plain text, for example, and just have a single link on the container.

[simonM-5]

HI Nigel

Hmm, I thought it could've been a potential problem too. I removed all the links and replaced them with text, but even after removing them, clearing the WP Rocket Cache and WP Used CSS, it is not working. Looking at the Inspector, the / characters in the URL do not seem to be being passed correctly (screenshot); the / character seems to be being replaced with a Space character...

Kind regards
Simon

[Mateus Getulio]

Hello Simon,

Can you make a slight modification to the code to see if it helps?

Please change

<a href"[wpv-post-url]">

with:

<a href="[wpv-post-url]">

It looks like from your first reply to the last one the '=' sign has been removed.

If it still doesn't work, I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://toolset.com/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

[Mateus Getulio]

Hello Simon,

I added a custom class to that anchor:

<a href="[wpv-post-url]" class='nanny-link'>

Then I used the following CSS code to change the font text from green to black:

.nanny-link{
  color: black!important;
}

Please check the screenshots for further reference.

You can customize the color and the css rules in general.

Regarding the hover in the menu, I'm afraid that it is not Toolset-related and it'd fall beyond the scope of our support, I'd recommend getting in touch with the theme support to seek for help regarding such customization.

Thank you for your understanding.
Mateus

[simonM-5]

Hi Mateus

Thanks, that's a big help. Understand regarding the other customisation. Just thought one of you geniuses might know the answer off the top of your heads. 🙂

Thanks and regards
Simon