-
Is there a way to set up a Query Loop that uses a repeat(2, minmax(0, 1fr)) CSS Grid with an odd number of items to automatically show the first item in a list at full width?
If it were just a CSS grid, I could select the first element and use span 2 but I don’t know how to apply this for a Query Loop.
-
Hi there,
You can apply a similar approach in the Query Loop. Select the Looper block, click Manage Selector, and choose First Item to target the first element: https://cln.sh/rJJwfM3y
-
Many thanks, are there any plans to begin compiling a list of selectors to reference? https://learn.generatepress.com/blocks/block-guide/style-selectors is helpful but having something organized in a grid that can be filtered by block or element would be crazy useful to know when something is added as default or what we need to create firsthand.
-
Thanks for the feedback — we’ll see how we can improve it!
-
Great suggestion, we started adding the selectors to the new Navigation block documentation and it dawned on me we should do the same for other blocks. Ill see what we can do!
-
Terrific David and looking forward to it.
- You must be logged in to reply to this topic.