No text under service

Hi, I would like to get rid of the text under the service on the homepage. I just want the icon and the service name and no text below. Is there CSS that can do this? Thanks in advance.

Hello there,

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

       'use strict'

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

           var serviceTitle = $(this).find('.service-title').text();
           $(this).find('.service-content').html('<h3 class="service-title">'+serviceTitle+'</h3>');

         });
       }

    })(jQuery);
  1. Update

Regards,
Kharis

That worked. Thank you so much!

Oh, hang on, but now the title of the service isn’t clickable anymore. How do I fix that? I still want people to be able to click on the service and then link through to the service page.

Hello there,

Try replacing the code with this one:

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

         });

       }

    })(jQuery);

Regards,
Kharis

That worked. Thank you!

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