Service Widget Hide text

Hello again,

I have got 3 questions regarding the Service Widget on the homepage (

I am aware that the Services shown are getting their information from a single service.
And therefore each service within the widget area, are showing the:

  • Service Icon(photo)
  • Service Title
  • Service Text

If possible I would like to HIDE the Service Text below the Icon(photo) and Title.
As the text is conflicting with single service page I created

When question number 1 is possible. I can imagine that there will be quite a white gap between the two rows of the services within the services widget area. Or will it shrink automatically? If not, do you have a solution for that as well :wink:

  1. As well a question regarding the services widget area, at the moment only the Title is ‘‘clickable’’. Is it possible to make the Icon "clickable’’ as well? Or the whole -->

    Thank you very much for the support.

    All the best.


Hello Guido,

Thank you for contacting us.

Try doing these 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($) {

       'use strict'

       if( $('.atframework_services_widget').length ){

         $('.service-area .service').each(function(){

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

           $(this).find('.service-content').html('<h3 class="service-title"><a href="'+link+'">'+serviceTitle+'</a></h3>');
    			 $(this).find('.service-thumb').wrapInner('<a href="'+link+'"></a>');



  1. Update

aThemes Support

Thanks again for your help.
That worked perfectly!



1 Like

You’re welcome Guido!

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

aThemes Support