Hi Anthony,
The height of the column will depend on it’s content by default. To achieve what you want means that we have to set left and right column to have same height first. We have this for Cornerstone section: https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272. Let’s adjust that code to work on your content band. Add this instead:
jQuery(document).ready(function($) {
var max = 0;
$("#x-content-band-1 .x-column").each(function(index, el) {
if( $(this).height() > max ){
max = $(this).height();
}
});
$("#x-content-band-1 .x-column").css('height', max);
});
Then on your right column, your setup at the moment is like this:
GAP element
Text element
ROW > then image inside.
Remove the ROW. Add the image directly after the text element. This will make your right column content to:
GAP element
Text element
Image element.
Then on the right column style field add position: relative;
Update this custom CSS:
.webinarLogos{
width: 100%;
margin-bottom: 0;
vertical-align:bottom;
}
To this
.webinarLogos {
margin-bottom: 0;
position: absolute;
bottom: 0;
}
Just to explain the process, the jquery will set same height on both columns, then the CSS now can position the image on the bottom of the right column.
Hope this helps.