Community forum for knowledge and support

Updated 2 months ago

Setting the margin after paragraph element in rich text component

At a glance

The community member is having an issue setting the margin after the paragraph element within a rich text component in their Webflow modals. They have tried tweaking the paragraph margin in the style guide, but to no avail. Another community member suggests adding the text-rich-text class to the rich text field in the modals, then navigating to the style guide and adding a margin to the paragraph. A third community member records a short video to help the original poster solve the issue.

Useful resources

I am having a problem setting the margin after paragraph element within rich text component. I set up modals based on this tutorial How do I add multiple modals to a Webflow page? My modal right now looks like this

D
S
M
12 comments

@Syed Azeem can you share link ?

I tried tweaking the paragraph margin (in rich text) within the style guide, but to no avail... just need to set it to 1rem

you are facing issue in style guide ?

here is the paragraph i see

@Syed Azeem yeah you'll want to first add the class text-rich-text to that rich text field in your modals. Then navigate to your style guide and find the rich text. It looks like the rich text field had paragraphs modified to not have margins at the bottom. If you select the paragraph and add a margin, all should be good. As for the extra space at the bottom of the rich text field, its because you have a return in the CMS entry itself.

@Daniyal Mehmood ah apologies Daniyal - seems we were investigating the issue at the exact same time.

appreciate you jumping in to help!

@Matt no worries bro the thing is we made it for @Syed Azeem and hopefully his problem got solved .

@Daniyal Mehmood ah roger that! Support inside of support - nice

Thank you @Daniyal Mehmood appreciate your help and of course @Matt!πŸ™

Add a reply
Sign up and join the conversation on Slack