Shape 5

Joomla Templates => Curb Appeal - Club => : jchenline July 18, 2018, 03:42:10 PM



: Our Services Top boxes
: jchenline July 18, 2018, 03:42:10 PM
I am trying to have just a picture and use the green box under the picture for my tab name. I do not have a description to put under the picture so there is a lot of empty white space in the box. Is there a way to change the size of those 4 boxes?


: Re: Our Services Top boxes
: mikek July 19, 2018, 07:25:51 AM
Hello,

I'm sorry I am not sure what white space you would be referring to. Please post a url to your site where this can be seen.


: Re: Our Services Top boxes
: jchenline July 19, 2018, 12:05:33 PM
I am referencing the white space underneath the green bars that say get started now.


: Re: Our Services Top boxes
: mikek July 20, 2018, 07:49:24 AM
Hello,

That is because your image on the right is taller than the rest. There is a script that keeps the boxes the same height. You can disable this by removing the following in the template's index.php file, but I would not recommend it.

<script>
function s5_check_service_height() {
   var s5_check_service_height_holder = 1;
   var s5_check_service_height1 = document.getElementById("s5_body").querySelectorAll('DIV');
   for (var s5_check_service_height1_y=0; s5_check_service_height1_y<s5_check_service_height1.length; s5_check_service_height1_y++) {
      if (s5_check_service_height1[s5_check_service_height1_y].className.indexOf("ervice_item_text_inner") >= 0) {
         s5_check_service_height1[s5_check_service_height1_y].style.minHeight = "1px";
         if (s5_check_service_height1[s5_check_service_height1_y].offsetHeight > s5_check_service_height_holder) {
            s5_check_service_height_holder = s5_check_service_height1[s5_check_service_height1_y].offsetHeight;
         }
      }
   }
   if (document.body.offsetWidth >= 550) {
   var s5_check_service_height2 = document.getElementById("s5_body").querySelectorAll('DIV');
   for (var s5_check_service_height2_y=0; s5_check_service_height2_y<s5_check_service_height2.length; s5_check_service_height2_y++) {
      if (s5_check_service_height2[s5_check_service_height2_y].className.indexOf("ervice_item_text_inner") >= 0) {
         s5_check_service_height2[s5_check_service_height2_y].style.minHeight = s5_check_service_height_holder + "px";
      }
   }
}
}
jQuery(document).ready( function() { s5_check_service_height(); });
jQuery(window).resize(s5_check_service_height);
</script>