Creating a custom ALB container element

Hey Jeannette,

Thank you for the inquiry.

What type of content or media would you like to insert on the page? Have you tried using the Gallery or Image elements available in the builder? If you require an element that can be added as a child of another element (such as columns or color sections), you can begin with the Text Block template or any elements inside the Content Elements tab.

Best regards,
Ismael

Hi,

We would like to apologize for the delay. Instead of creating a new element, we can add a script that creates a new container inside the column element and moves other elements inside this new container. The column should have the class name “av-column-with-container”, which can be added in the Advanced > Developer Settings > Custom CSS Class field.

Please add the following code in the functions.php file, then in the builder, add a column element with the class name “av-column-with-container”.

function ava_custom_script() { 
	?>
	<script>
		(function($) {
			$(document).ready(function() {
				$('.av-column-with-container').each(function() {
					var container = $('<div class="av-column-container"></div>').appendTo(this);
					$(this).children().not('.av-column-container').appendTo(container);
				});
			});	
		}(jQuery)); 
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_script');

Best regards,
Ismael

Hi,

Thank you for your patience. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael