Help With Column Links

[EricDF94]

I got my columns to be clickable by using

jQuery(".class-1").wrap("<a href='#'></a>");

as suggested here https://theme.co/apex/forums/topic/make-a-clickable-column/

but the columns lose their margin. I tried the fix written there

@media(min-width: 769px) {
  .x-column.x-sm.x-1-4.cs-ta-center.class-1, .x-column.x-sm.x-1-4.cs-ta-center.class-2, .x-column.x-sm.x-1-4.cs-ta-center.class-3 {
    margin-right: 4%;
  }
}

but couldn’t get it to work. So I’m not sure if I need to edit that code more than just changing the classes or if it no longer works or what.

Could you help recommend any solutions?

I’m using it on https://digixid.com/test-page/

[paul.r]

Hi @EricDF94,

You can try changing the js code with this

jQuery(".class-1").prepend("<a class='my-link' href='#'></a>");

Then add this in Theme Options > CSS

.my-link {
   position:absolute; 
   left:0;
   right:0;
   top:0;
   bottom:0;
}

Hope that helps

[EricDF94]

Works great, thanks!

[mldarshana]

Glad we were able to help