Title: Astra article styles affect Elementor Loop Grid items
Last modified: July 23, 2026

---

# Astra article styles affect Elementor Loop Grid items

 *  [bba01](https://wordpress.org/support/users/bba01/)
 * (@bba01)
 * [2 weeks, 2 days ago](https://wordpress.org/support/topic/astra-article-styles-affect-elementor-loop-grid-items/)
 * Hello,
 * I have found a compatibility issue between Astra and Elementor Loop Grid.
 * When an Elementor Loop Grid is used inside a Theme Builder template, the grid
   appears narrower than other widgets in the same container. Setting the row gap
   to 0 also does not remove all visible spacing.
 * The layout looks correct inside the Elementor editor, but not on the frontend.
 * When inspecting the HTML, every Elementor loop item receives the Astra class:
 *     ```wp-block-code
       ast-article-single
       ```
   
 * The loop item is rendered like this:
 *     ```wp-block-code
       <div class="elementor e-loop-item ast-article-single">
       ```
   
 * Astra’s article styling then appears to affect the loop item’s margin, padding,
   width, or max-width.
 * This global CSS fixes the issue:
 *     ```wp-block-code
       .elementor-widget-loop-grid .elementor-loop-container > .e-loop-item.ast-article-single {
           margin: 0 !important;
           padding: 0 !important;
           width: auto !important;
           max-width: none !important;
       }
       ```
   
 * Could Astra exclude Elementor Loop Grid items from the normal `.ast-article-single`
   layout styles?
 * The issue only affects Loop Grid items. Other Elementor widgets in the same container
   use the correct full width.
 * Thank you.

Viewing 1 replies (of 1 total)

 *  [BSF – Humayon Kabir](https://wordpress.org/support/users/humayonk/)
 * (@humayonk)
 * [1 week, 5 days ago](https://wordpress.org/support/topic/astra-article-styles-affect-elementor-loop-grid-items/#post-18975626)
 * Hi [@bba01](https://wordpress.org/support/users/bba01/)
 * Thanks for reaching out to us.
 * First, we have tried to reproduce the same issue on our test server; however,
   unable to reproduce a similar issue to [this reference screencast.](https://d.pr/v/uuCPJM)
 * Can you please share the steps or screencast about how to reproduce the issue
   on our end so that we can debug further?
 * With Regards
    Humayon

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fastra-article-styles-affect-elementor-loop-grid-items%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astra/4.13.8/screenshot.jpg)
 * Astra
 * [Support Threads](https://wordpress.org/support/theme/astra/)
 * [Active Topics](https://wordpress.org/support/theme/astra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astra/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [BSF – Humayon Kabir](https://wordpress.org/support/users/humayonk/)
 * Last activity: [1 week, 5 days ago](https://wordpress.org/support/topic/astra-article-styles-affect-elementor-loop-grid-items/#post-18975626)
 * Status: not resolved