Skip to content
wpalgoridm logo

Build Elementor Post grids using CSS and Flexbox Container

  • Link Loop items to Post URL using dynamic options of the widgets in the loop or make the whole container a link, but Elementor warns to not use links within inner containers
  • Enable flex box container and this tutorial requires Elementor Pro 3.8 or above
  • Make Sure the class names of every Loop item are unique
  • Separate two class names by a space like this da-card da-face1
  • Change the Loop 2 snippet class names as explained in the tutorial
  • CSS code can be copied to theme styles under CSS or at page level under the advanced tab of the page where the grid built