Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Carousel widget bottom cut off

Carousel widget bottom cut off

If part of your carousel item is cut off at the bottom this mean the auto height is having difficulty reading the height of your item.

Simply define the height of your item to fix the cut off issue

In the item html, add a height code in the highlighted area below:

 

carousel-cut-off

<!– Column Begin –>

<div class=”dtc-slide” style=”width: 250px; height: 300px;“>

<div class=”imgbg”>

<a href=”YOUR URL”>

<img src=”IMAGE URL” alt=”basketball” />

</a>

</div>

<div class=”dtc-info”>

<a href=”YOUR URL”><h3>Infinity</h3></a>

<p>A concept that in many fields refers to a quantity without bound or end.</p>

</div>

</div>

<!– End of Column –>

In the highlighted area, add this:  height: 300px;

Here you can insert any number in place of 300. Depending on the height you want, you can customize the height value of the item as you like.

The final item code will look like this:

<!– Column Begin –>

<div class=”dtc-slide” style=”width: 250px;“>

<div class=”imgbg”>

<a href=”YOUR URL”>

<img src=”IMAGE URL” alt=”basketball” />

</a>

</div>

<div class=”dtc-info”>

<a href=”YOUR URL”><h3>Infinity</h3></a>

<p>A concept that in many fields refers to a quantity without bound or end.</p>

</div>

</div>

<!– End of Column –>

Tags: