I am trying to use Bricks to organize my blog posts in a tabbed interface using the “Tabs Nestable” element. My intention is for each tab to represent a different category of my blog, and within each tab to display the posts corresponding to that category.
Configuration:
Element used: Tabs Nestable
Query Type: Taxonomies
Taxonomy: Categories (Post)
Sort by: Name
Order: Ascending
Despite setting it up this way, the categories are not showing up in the tabs, even though they exist and contain multiple posts. Am I overlooking some step in the configuration? Could this be a bug in the functionality of the Query Loop or the Tabs Nestable element in Bricks?
Any help or advice you can offer would be greatly appreciated in resolving this issue.
If I understand your report correctly, the problem is probably with your setup. Please watch the following video, which shows how the setup and the queries should look like. Then it will/should work:
Hi again timmse. Thank you very much for referring me to the post where you explained how to fix the tabs. In the end I was able to solve the problem, but I would like if you could help me with something else in the same section of the blog.
I am trying to set up a grid layout to display my blog posts in two columns using the Query Loop element, but I can’t get them to display correctly. Despite configuring the container to use display grid with two columns, all the posts still appear in a single vertical column.
I have configured the Div element of the Query Loop to use display grid and set the “Grid Template Columns” to 1fr 1fr. I have also adjusted the gap for spacing, but to no avail. The posts continue to line up in a single column no matter what adjustments I apply.
Here is what I have done so far:
I added the Query Loop inside a Div.
I set the Div to display: grid with two columns (1fr 1fr).
I adjusted the gaps between columns and rows.
I have applied the same logic that I do in Webflow with the CMS dynamic elements but in bricks I don’t know if it doesn’t work or if I am doing something wrong.
Could you suggest what else I can check or try to fix this problem, is there any additional settings in Bricks that could be interfering with the grid configuration?
I would appreciate any help or guidance you can provide.
Should I put the grid in the Div of the Post? Currently I have a div which is the post wrapper where I apply the loop, and inside that div I have another div which is the post.
I currently have it like this:
.blog-post-wrapper-homepage (Loop and I apply the grid).
↳ .blog-post-wrapper-homepage (Post)
I have tried this:
.blog-post-wrapper-homepage (Loop).
↳ .blog-post-wrapper-homepage (Post and I apply the grid).
If I do it this way I get as in the picture which is how I thought it would be, the elements inside the post are distributed in two columns but I want to put the 2 posts in two columns.
