Hello, I’m trying to create a module with hubd to display a video in a popup window with its respective title, description, and button from a group of elements. However, when I attempt to view one of the videos with its information, all the texts appear on top of each other. Could you please help me show only the relevant text?
This is the test page where I am working with this module: https://www.fracttal.com/pruebas-gaby?hs_preview=xLKPXdrh-67059317052
This is the code I am working on:
<div class=“blog-listing {% if !module.section_title && !module.section_subtitle %} negative-mt-40{% endif %}”>
{% for item in module.card %}
<div class=“article display-flex flex-direction-column”>
<a data-url=“{{ item.button_url.href }}” class=“play-button”>
<div class=“article-image” style=“background-image:url({{ item.header_image.src }})” alt=“{{ item.header_image.alt }}” title=“{{ item.header_image.alt }}”>
<div data-url=“{{ item.button_url.href }}” class=“play-button-vwg play-button” style=“color:rgba({{ item.play_button_color.color|convert_rgb }}, {{ item.play_button_color.opacity / 100 }})”>
<span class=“material-icons”>play_circle</span>
</div>
</div>
</a>
<div class=“article-content display-flex flex-direction-column flex-grow-1”>
<h2>{% inline_text field=“title” value=“{{ item.title }}”, no-wrapper=True %}</h2>
<span>{% inline_text field=“title_label” value=“{{ item.title_label }}”, no_wrapper=True %}</span>
<p class=“flex-grow-1”>{% inline_text field=“description” value=“{{ item.description }}”, no_wrapper=True %}</p>
{% if item.button_url.href %}
<a data-url=“{{ item.button_url.href }}” class=“article-button play-button”>
{% inline_text field=“button_text” value=“{{ item.button_text }}” %}
</a>
{% endif %}
</div>
</div>
<div class=“video-modal-wrapper-{{name}} video-modal-wrapper”>
<div class=“video-modal”>
<div class=“video”>
<div class=“text-video”>
<h2>{% inline_text field=“title” value=“{{ item.title }}”, no-wrapper=True %}</h2>
<p>{% inline_text field=“description” value=“{{ item.description }}”, no_wrapper=True %}</p>
{% if item.button_url.href %}
<a data-url=“{{ item.button_url.href }}” class=“primary-button play-button”>
{% inline_text field=“button_text” value=“{{ item.button_text }}” %}
</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>