The row gap I am applying to my flexible field content is not showing on the front end.
I have assigned a query loop to a container to pull in flexible content. I apply row gap, and it works on the backend but doesn’t apply to the front end. Containers (non-flexible content) in other locations do not have this issue. I have disabled ACSS and the problem persists.
I have cleared the cache and regenerated CSS too.
Hoping it’s something I have overlooked. Thanks in advance!
Does that mean with flexible content, a new container is generated for each section of flexible content selected?
My initial belief was that it would assigned new content as blocks within the container, which appears to be incorrect.
I am wanting to assign a global gap between my flexible content blocks, rather than assigning margin to them. However I could accomplish that easily with a class. Your answer has solved that.
the element you’re using the query loop on is always the one that is repeated. So yes, in your case you get a container for every flexible content item at the moment. But you can easily set the query loop on the block within the container instead of the container itself. Then setting the row gap on the container will work as you’d expect.
