Custom Grid: Add Loop Item Widget custom Base HTML

[shaneonabike]

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 somewhere around your debugging end part code.

(Also a side note I noticed there is some debugging that is still being output in the form of etc)

[dudaster]

Can’t you choose the tag of the section to be article from elementor?

[shaneonabike]

I can try that but this would change the theme response quite a bit, but I am happy to give it a go for sure. I am still curious why the output is changed though..