Custom Grid: Add Loop Item Widget custom Base HTML

First off thanks for building a really excellent plugin allowing so much more customization to Elementor themes.

I came across a little gotcha with a project that I am working on. Essentially, I noticed that the plugin modifies some of the html output (compared to just using a normal loop without a grid).

+ Create a Custom Grid
+Create a Custom Loop
+Create a new Elementor Page and place the Posts Widget, and associate the first two customizations

In the output you are going to get the following:

<div id="post-389" class="elementor-post elementor-grid-item ecs-post-loop post-389 recettes type-recettes status-publish has-post-thumbnail hentry recette-recettes-des-iles">

If you turn off the grid then you are going to get :

<article id="post-389" class="elementor-post elementor-grid-item ecs-post-loop post-389 recettes type-recettes status-publish has-post-thumbnail hentry recette-recettes-des-iles">

Normally, this wouldn’t really bother me BUT when using elementor-super-cat it is specifically looking for the article tag. Could we either change it from a div to the original article tag OR allow folk to modify the base html themselves? This is happening at line 294, where you are specifically checking if $this->grid_settings['allow'] is true and setting a div rather than an article.

(Also a side note I noticed there is some debugging that is still being output in the form of etc. Sorry for double posting on github but I realized you haven’t updated that repo in ages and wanted to make sure that we could resolve it.)