Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank.
Builder content link
Sorry I don’t want this publicly listed
What are you trying to accomplish
Create multiple paragraphs in text box
Screenshots or video link
I will gladly provide this but not publicly.
Code stack you are integrating Builder with
Astro and GraphQL
Reproducible code example
Create a textbox, add multiple paragraphs (be sure to enter between each), and publish it.
View the source and the first paragraph will have the following css:
Hi there,
Thanks for reaching out!
Would you be able to provide us with a screenshot of how you are experiencing this style on your page?
If you add the text box inside of a box element, are you able to modify the margin/padding to suit your design?
Obviously the solution provided there isn’t very satisfying. I hope they eventually remove this CSS. Whatever its intended purpose, it’s way too heavy-handed, and it’s annoying to have to work around it.
I was able to get around this behavior by throwing in an is:inline directive on the Astro style tag with the p:first-of-type recommendation. I’m not sure why Builder is forcing margin:0 on the first paragraph but it definitely threw a wrench in to my workflow. It would be nice if this was configurable.