Make Services images into buttons

Hi there,

Is there any way I can link the images for my services to the pages? Right now, only the service title will link to the page, but people click on the service images and it goes nowhere.

The website is www.catalyst-spt.com.

Thanks in advance!

Heidi

Hello Heidi,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      if( $('.atframework_services_widget').length ) {
          $('.atframework_services_widget .service').each(function(){

            var link = $(this).find('.service-title a').attr('href');

            if( link != undefined ) {
              $(this).find('.service-thumb').wrapInner('<a href="' + link + '"></a>');
            }

          });
      }

    });
  1. Update

Regards,
Kharis

Hi Kharis,

Thanks for your response. I’m still having some trouble. Please see the attached screenshot - I’m receiving multiple errors.

Thank you,

Heidi

Hello there,

That’s a box for custom CSS code – not for JavaScript. Please use this plugin and you may want to read the instructions I posted once again.

Regards,
Kharis