Loop Grid- Equal Height

  • Ceecee

    (@edicodesign)


    1 year, 6 months ago

    When you choose for the loop grid to have equal height if its not a masonry, it doesnt do so. The align-items: stretch is put onto this selector .elementor-loop-container:not(.elementor-posts-masonry) but (i guess depending on what widget youre using within the loop; im using Call To Action), the container inside that actually has the background doesnt stretch. The direct child data-elementor-type="loop-item" is stretching but theres several layers between the grid parent and the widget which in my case is .elementor-cta. For now I’m giving applying these styles but if you toggle them off, youll see the actualy cta widget doesnt stretch
    `selector .elementor-loop-container:not(.elementor-posts-masonry) [data-widget_type=”call-to-action.default”] {<br>height: 100%;<br>}</p> <p>selector .elementor-loop-container:not(.elementor-posts-masonry) [data-elementor-type=”loop-item”] .elementor-cta {<br>height: 100%;<br>}`

    • This topic was modified 1 year, 6 months ago by Ceecee. Reason: Added code

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Loop Grid- Equal Height’ is closed to new replies.