How to fixed the height of carousel so all item have the same height

The carousel have a flexible height that adjust to the height of your content. If you want all of the item to appear the same height you can do that as well.

Here is the item code:

<!– 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 –>

 

You can add height: 400px; in the highlighted area shown above. The completed code will look like this:

<!– Column Begin –>
<div class=”dtc-slide” style=”width: 250px; height:400px;“>
<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 –>

 

You can change the 400px to any height you want

Tags: