Call to Action Ribbon CSS Fails to Load When Using Dynamic Tags in Loop Item Template
Summary:
The Call to Action widget's ribbon is not displaying with the correct CSS styling when its text is populated by a Dynamic Tag within an Elementor Loop Item template. Instead of appearing in the expected top-left or top-right corner, the ribbon is incorrectly positioned at the bottom of the widget.
The root cause appears to be a failure to enqueue or apply the necessary CSS stylesheets when the ribbon text is dynamically generated in the context of a loop. This suggests a potential issue with the widget's asset loading logic when used with dynamic content inside a loop structure.
This bug impacts the visual design and layout of pages that use Loop templates to display dynamic content, such as post lists or product grids, with styled Call to Action widgets.
How to Replicate:
- Create an Elementor Loop Item template.
- Add a Call to Action widget to the template.
- For the widget's 'Ribbon' text setting, use a Dynamic Tag to populate the text (e.g., a post title or custom field).
- Save the template and view a page that uses the loop.
- Observe that the ribbon is positioned at the foot of the widget instead of the top corner.