Services Page Hyperlink


#1

I’ve set up a Services page on my website: http://usm84.siteground.biz/~sbengine/our-services/

When I click on a particular service - a shaded box appears.

To link to the Service page created to discuss each individual service, you must click on the Learn More Hyperlink.

Is there a way to make the whole shaded box that appears the hyperlink?

Thank you.

Andy


#2

Hello Andy,

To accomplish it, 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
    ;(function($) {

      if( $('.widget_athemes_services').length ) {
        $('.widget_athemes_services .services-item').each(function(){
          var link = $(this).children('.service-link').children('a').attr('href');
          if( link != undefined ) {
            $(this).wrapInner('<a href="' + link + '"></a>');
          }
        });
      }

    })(jQuery);
  1. Update
  2. Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard.
    .widget_athemes_services .services-item > a {
      color: inherit;
    }

Regards,
Kharis


#3

Works Perfectly. Thanks.


#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis