How to increase block size

[murdoc_tcc]

Hi, I did this to increase the description but now its popping out of the block, how do I increase it. 

Prestashop 1.7

 

        {block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:40:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:40:'...'}</a></h2>
          {/if}
        {/block}

how do I make the block bigger, 

Edited April 16, 2022 by murdoc_tcc (see edit history)

[endriu107]

Classic theme have changes between PrestaShop version so you should tell as exactly what version you have or better put link to your store.

[murdoc_tcc]

On 4/16/2022 at 10:43 AM, endriu107 said:

Classic theme have changes between PrestaShop version so you should tell as exactly what version you have or better put link to your store.

1.7.7.8

justbuild.co.za

[endriu107]

Try add this code to custom.css file and clear cache in store

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
    height: 400px;
}

#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
    margin: 0;
}

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    height: 132px;
}

#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
    height: calc(72px + 3.125rem);
}

#products .product-title, 
.featured-products .product-title, 
.product-accessories .product-title, 
.product-miniature .product-title {
    min-height: 40px;
}