- This topic has 7 replies, 2 voices, and was last updated 7 years, 1 month ago by
.
Hi there. I can’t see an obvious way to do this within PageBuilder.
I would just like to make a column element clickable and link to a page.
This must be possible!
Many thanks.
Solution for this topic
Hi @roobinda,
Thank you for your question.
The visual builder doesn’t allow to make the column clickable but you can do so by adding Output HTML element in the column containing following code as shown in the attached screenshots.
<a class="make-column-clickable" href="http://link-to-page/"></a>
Then add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
a.make-column-clickable { position: absolute; top: 0; left: 0; height: 100%; display: block; z-index: 9999; width: 100%; }
Best regards,
Shufflehound teamHey thank you for your quick response! Great support.
Your solution partially works. It makes the Heading Pro element within the column element clickable, but not the whole column…
Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
thelostdisco.co.uk
Thank you for sharing the site URL but i don’t find the Heading Pro element so could you please tell me which element it is or share the screenshot of it?
Hello again. Apologies for the delayed response!
If you go to thelostdisco.co.uk and scroll down to the ‘Part of the Adventure’ section, you’ll see I used your code to turn LOCAL RESTAURANTS, ACCOMMODATION, RENTALS, etc. into buttons.
However, only the Heading Pro element (the words LOCAL, etc.) is clickable. I’d like the containing column element to be clickable (the background image). How would i achieve this?
Many thanks.
Reuben.
Solution for this topic
You can achieve this by using below custom CSS code.
body.home .sh-section-46a08172db07a8237a7cc8e42eaadef4 .sh-column-wrapper { position: static; }
