Services Page Hyperlink

I’ve set up a Services page on my website:

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.


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>');

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


Works Perfectly. Thanks.

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.