[HorizonParticipant]

Hi

On my website i have a 4 column pricing table, i would like the title for each column to be clickable. How can i achieve this?

Thanks

[HorizonParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following code under Customizer > Custom > Javascript:

jQuery( function($) {
	$(".x-pricing-table .x-pricing-column:nth-child(1) h2").wrap('<a href="#1"></a>');
	$(".x-pricing-table .x-pricing-column:nth-child(2) h2").wrap('<a href="#2"></a>');
	$(".x-pricing-table .x-pricing-column:nth-child(3) h2").wrap('<a href="#3"></a>');
	$(".x-pricing-table .x-pricing-column:nth-child(4) h2").wrap('<a href="#4"></a>');
});

Hope it helps 🙂

[HorizonParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please update the previous code to:

jQuery( function($) {
	$(".page-id-441 .x-pricing-table .x-pricing-column:nth-child(1) h2").wrap('<a href="#1"></a>');
	$(".page-id-441 .x-pricing-table .x-pricing-column:nth-child(2) h2").wrap('<a href="#2"></a>');
	$(".page-id-441 .x-pricing-table .x-pricing-column:nth-child(3) h2").wrap('<a href="#3"></a>');
	$(".page-id-441 .x-pricing-table .x-pricing-column:nth-child(4) h2").wrap('<a href="#4"></a>');
});

Hope this helps.

[Author]

Posts