How to add link to a column?

Support
#1

Hi There,

I would like a column to be linked to another webpage. Also I would like the text in the column to change color on hover.

I can set the hover color to the text but I would like to combine this (and the URL link) with the hover CSS you provided earlier. How do I do this?

#sameheight .x-column:hover {
box-shadow: 5px 10px #888888;
}

Kind regards and many thanks in advance.

#2

Hi there,

Please do the following:

Ad a ID to your column than add the code below to your Cornerstone Settings Custom JS

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

You need to change #column-link for #your-colum-id and update the link,

You can use this multiple times, you need to use different IDs every time,

Hope that helps.

#3

Sorry, but that doesn’t do it.
Do you have another solution?

#4

Hi There,

Could you please post your page URL and mention the Column so that we can assist you further.

Thanks!

#5

https://www.telecats.nl/oplossingen/

it’s the row with the four columns. I only added the query in the page CSS to link the first column (spraaktechnologie)

jQuery("#spraak").wrap("<a href='https://www.telecats.nl/oplossingen/spraaktechnologie/'></a>");

What did I do wrong?

#6

Hi There,

Sorry for the confusion here. Any Javascript code should goes into your Javascript section not the CSS section. Try removing it from your CSS area and add it into your Theme Options > Global Javascript area.

Thanks!

#7

can’t I add the JS into the pages JS?

#8

Hi There,

Yes, you can add there as well and it will be specific to that page.

Thanks!

#9

https://www.telecats.nl/de-4-stappen/4s/

The link does work but it seems to break the page a bit…
It’s sticking columns together

#10

Hi There,

Please also add the folllowing CSS

@media(min-width: 769px) {
#spraak {
margin-right: 4% !Important;
}}

Let us know how it goes

#11

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