Docs

[Victor50000]

Hello!

I’m trying to make three columns to hyperlinks at my page. URL: http://repulse.digisera.se/

Found the following code in another thread:

jQuery(“.boka-kurs”).wrap(““);
jQuery(“.om-repulse”).wrap(““);
jQuery(“.arbetsmaterial”).wrap(““);

However, this ruins the column positions and makes them stack above/below each other.

Would you please help me to get it right?

Thanks alot!

[Rad]

Hi there,

Thanks for posting in.

You can’t link the entire column, each column is grouped by rows. Wrapping them with links will regroup them and they are no more connected to its parent row. How about adding click event to your column? Example,

jQuery('.boka-kurs').on('click', function() { window.location='http://example.com'; } );

Thanks!

[Victor50000]

Hi again,

Thank you so much!

Could you also provide additional code for making the columns change color, when hovered?

So that the visitor realise that the column is a link.

Also, if possible, that the cursor changes to the pointing finger cursor.

Would be great 🙂

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.home #x-section-3 .x-column {
    cursor: pointer;
}
.home #x-section-3 .x-column:hover {
    background: #d46320;
}

Let us know how this goes!

[Victor50000]

That did it!

Thank you so much!

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts