How to Create Dynamic Image Container Elementor WordPress | Make Image Column Height Equal with Text

Опубликовано: 30 Август 2024
на канале: WebTask With Hassan
32
1

In this wordpress tutorial for beginners you will learn how to create dynamic image container in elementor / elementor pro website page builder plugin. So when we increase the text in another column then image expand automatically / auto with height of other (text) container. So both columns height will be equal, one column contain images widget and other column container text widgets etc.

** First Add CSS ID in your Container / Image Column " dynamicimage ".
** After that Add Custom CSS:

#dynamicimage .elementor-widget-image img
{
width: 100% ;
aspect-ratio: 1 / 1;
object-fit: cover;
}

** So image with adjust its height auto according to other containers.

#image #dynamic #column #height #container #css #elementor #elementorpro #elementorpagebuilder #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani