Docs

[josephk99997]

Hi,

See the screenshot. I want to be able to click that box (e.g. column 1/2 highlighted in the screenshot) and it will scroll down the page to a certain position.

How do I do this in Cornerstone?

Note: Appearance > Customise > Custom CSS does not work on my system (does not save)

[josephk99997]

This reply has been marked as private.

[josephk99997]

Uploading image again due to error earlier

[Joao]

Hello Tristan,

Thanks for the updates. What we can recommend in doing this in Cornerstone is by using a custom javascript. Please follow on this step.

2] Select which column you would like to link and insert a custom class linked-column for example
3] Insert the following custom JS in the settings tab (in Cornerstone), Settings > Custom JS

(function($){
  $('<a id="column-link" href="#my-link">').insertBefore('.linked-column');
  $('.linked-column').prependTo( $('#column-link') );
})(jQuery);

Please make sure that you have inserted the correct link #my-link for example.

We would loved to know if this has work for you.

Thank you.

[josephk99997]

Hey, Joao, thanks for the info.

Here is what I did:

1. I selected the column and added an ID “column-link”
2. and then i added the code in Custom JS

But it does not work. What I am doing wrong?

[Joao]

Hi There

I have changed the JS to:

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

And now it works, do the same for the others just with different ids.

Hope it helps

Joao

[josephk99997]

Ok great it works but for some reason the layout is now affected. There is no gap between the two boxes.

[josephk99997]

The gap is there in cornerstone but not when i load the site on the browser.

[Jade]

Hi there,

Please select the column that contains no space on the right then add this code in the style field of the column: margin-right: 4%;.

Hope this helps.

[josephk99997]

Jade, it works perfectly. Thank you!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts