Frustrated by ::before and ::after spacing I can't control

I’m using a snippet of custom code to get around the “only one collection per page” reality. It works find when things all “fit,” but things look like garbage when the line wraps—and the line often wraps. Good and bad examples follow:

Screenshot 2023-12-15 at 2.15.01 PM

Screenshot 2023-12-15 at 2.15.17 PM

And it’s lousy with these extra things giving spaces were I do not want spaces. Screenshot of Inspect:

How do I style those so that they don’t add extra spaces? Read-only link is below. Find compare it wit this URL: Issue #87: Elf on a Shelf? Nah. Completed Audio Fiction with Conviction!

Fair warning: This is the 2nd site I’ve built with Webflow, but I’m not a designer. And my dev skills were out of date before the <blink> tag was depicted, so I appreciate your patience.

Here is my site Read-Only: Webflow - The End


Hi Evo, it’s 20 per page o the CMS plan. You might mean 1 nested collection per page though?

I cannot actually tell what you’re wanting to change from your sceenshots- but I am guessing you’re using this as an example, and that you’re trying to prevent the indent? I’ve marked that in green-

That’s caused by a left margin

Removing that looks more aligned.