Align fullwith buttons in Grid Row

Hi,
I want to archive the same here.
http://www.zeitbote.com/zeitbote-s-08-30/

How to archive that? I don’t know how to replace the grid row id. Can you please give me hint?

Thanks and greetings
Michael

Hi Yigit,
thanks, but nevertheless it doesn’t work. Section ID I gave.Inserted Code in Dhild CSS:

/* Grid Row Button Alginment */
/* grid cell height */
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
	function c() { 
             		var isMobile = '';

		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
		{
			isMobile =  true;
		}
		else
		{
			isMobile =  false;
		}

             if( isMobile ) return;
             
             $('#custom-grid .flex_cell_inner').css('height', '');

             var elementHeights = $('#custom-grid .flex_cell_inner').parent('.flex_cell').map(function() {
               return $(this).height();
             }).get();

             var maxHeight = Math.max.apply(null, elementHeights);
    
             $('#custom-grid .flex_cell_inner').height(maxHeight);
        }

    $(window).on('resize', function() {
        c();
    }).resize();
})(jQuery);
</script>
<?php
}
/* Grid Row Button Alginment */

#custom-grid .flex_cell_inner .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#custom-grid .flex_cell_inner {
    padding-bottom: 60px;
} 

But they’re not moving. As far as i saw also these buttons use .avia-button-wrap or is this wrong?

Thanks and greetings
michael

Hi, sorry site was not public.
I created a testside with password. (see below)

I called now everything grid1 in CSS and section-id.

http://pasteboard.co/3gDD68q8g.png

/* Grid Row Button Alginment */
/* grid cell height */
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
	function c() { 
             		var isMobile = '';

		if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
		{
			isMobile =  true;
		}
		else
		{
			isMobile =  false;
		}

             if( isMobile ) return;
             
             $('#grid1 .flex_cell_inner').css('height', '');

             var elementHeights = $('#grid1 .flex_cell_inner').parent('.flex_cell').map(function() {
               return $(this).height();
             }).get();

             var maxHeight = Math.max.apply(null, elementHeights);
    
             $('#grid1 .flex_cell_inner').height(maxHeight);
        }

    $(window).on('resize', function() {
        c();
    }).resize();
})(jQuery);
</script>
<?php
}

/* Grid Row Button Alginment */

#grid1 .flex_cell_inner .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#grid1 .flex_cell_inner {
    padding-bottom: 60px;
}  

It’s has also some effects on the buttons but not the alignin. I can resize them, I can change the padding-bottom but somehow the needed alignment at the buttom does not work.

Any idea ?

I also tried to move the “add-action” part to functions.php, but also that is not bringing the needed effect.

Every hint would be great.

Greetings
Michael