Docs

[simone]

Hi,
If I wrap a column in to make the entire column a clickable link, will I lose it in an X update because I am altering the code.

Also – when I wrap the column in the it moves out of alignment. thoughts?

many thanks,
simone

[Darshana]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to your referenced page, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[simone]

I am attaching a screenshot. I would like the testimonials column to link the testimonials page and the gift certificate column to link to the gift certificate page and same for coupon column.

I read through many threads. One suggested to go into the dashboard > pages and wrap the feature column in an a href=”#”- I did that and they disappeared. Another route I saw was through JS. I spent alot of time trying to figure it out…

Please let me know the correct way to make the entire column the link.

Many thanks for all the help!
Simone

http://d78.b51.myftpupload.com

[Joao]

Hi There,

You can add a ID to each of your columns than add the follow JS to Customizer > Appereance > Javascript

or to Cornerstone > Settings > Custom JS

jQuery("#column-link").wrap("<a href='http://www.yoursite.co.uk/get-in-touch/'></a>"); 

So if you add the ID: column-1 your code will be:

jQuery("#column-1").wrap("<a href='http://www.yoursite.co.uk/get-in-touch/'></a>");

Hope that helps,

Joao

[simone]

Thank you for your response. I put the Jquery in the customizer >> custom JS

I only did the gift certificate column – but when I click on the column -the image disappears reducing the column size. and the link isnt working.

Can you see what I am doing wrong?

thank you so much.
Simone

http://d78.b51.myftpupload.com

[Rue Nel]

Hello There,

Please make sure that your ID name doesn’t have any # sign.

And please update the JS code because you have inserted and invalid code:

jQuery("#column-1").wrap("<a href='http://www.d78.b51.myftpupload.com/gift-certificates/'></a>");
jQuery("#column-2").wrap("<a href='http://www.yoursite.co.uk/get-in-touch/'></a>");
jQuery("#column-3").wrap("<a href='http://www.yoursite.co.uk/get-in-touch/'></a>");

Hope this helps.

[simone]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the details. Regretfully the given user access is not working for us. Here is the thing that what happened in your columns. It goes blank because you have enabled the link in your images. Please remove the link in each of your images and it should allow the custom JS script to kick in.

Hope this make sense.

[simone]

This reply has been marked as private.

[Rad]

Hi there,

It’s because of this

(index):487 Uncaught ReferenceError: jquery is not defined

Please change jquery to jQuery on your code.

Thanks!

[Author]

Posts