Can i make a column a link

Hello,
I would like to have each of these columns link to a section of another page. I have an id of opiod-col on the first column and I out in the following code but it is not working
. jQuery("#opiod-col").wrap("");

Please advise. Here is the url:https://mcmahonforda.com
Thank you

Hi,

Please remove any js code you have added then try this instead

  1. Add this in Theme Options > JS
(function($){
 $(document).ready(function($) {
  $('#opiod-col').append('<a href="https://mcmahonforda.com/"></a>'); 
 });
})(jQuery);
  1. Add this in Theme Options > CSS
#opiod-col {
    position: relative;
}

#opiod-col > a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

Hope that helps

Hello,
Thank for your response. I implemented the code but its still not a link. Please see the attached screenshots.
Thank you

Hi there,

Please edit the ID set to the column and remove the space before the id because it is stopping the codes from working.

Hope this helps.

That worked-Ty

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.