Hi Rod,
There is no out of the box option available for the Classic Featured Box to have the same height.
The easiest option would be to set a min-height to all the feature boxes. To do this, add a common class to all the the feature boxes then set the min-height through CSS by adding this code in X > Theme Options > CSS:
.equal-boxes {
min-height: 600px;
}
The code above assumed that the class you have added to the feature box element is equal-boxes
.
A downside for this approach is that the min-height is a fixed value.
Another option that will require a bit of customization is to add a JS code that will scan all the feature boxes on the page and find the one tallest one and set it to the rest of the feature box elements.
You can refer to the code suggested here:
However, please note that the code in the link will set the same height to the column, so you will have to update the code.
For example. let’s say the class you have added to all the feature box is equal-box
then the JS code should be:
jQuery(document).ready(function($) {
var max = 0;
$(".equal-box").each(function(index, el) {
if( $(this).height() > max ){
max = $(this).height();
}
});
$(".equal-box").css('height', max);
});
Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.
Hope this helps you get started.