How to add space between paragraphs

[equitieslab]

I’m trying to add a bit of space between paragraphs, but not between each line of the paragraph. Is there a way to do that in the GUI, or do I need to go to custom css?

[T-low]

Hi @equitieslab,

the following topic might interest you:

Space in Text

I cant add a space when using a dynamic paragraph. i want a space in between copyright and site title. also, how would i be able to use 1 paragraph element to insert 2 dynamic texts? ie Site title and Year? [image] [image]

@T-low

I would recommend the Dynamic Inserter , but you have probably found your solution

If you need this, you can use a protected space (U+00A0).

Below a protected space to copy:

Cheers

[equitieslab]

Thanks! I found that post. I’ll use it when I’m getting dynamic text to work. The problem I’m having now is much simpler: I have text that looks like this in Kadence theme:

AAA start paragraph
aaa more paragraph

BBB start new paragraph
bbbb more new paragraph

in Cwicly, it looks like
AAA start paragraph
aaa more paragraph
BBB start new paragraph
bbbb more new paragraph

And I know there’s a way to fix that. Via CSS, and not by adding a ton of blank lines I just am lacking the intuition of where it is.

[StrangeTech]

Hi @equitieslab,

It sounds like you just want to add a bottom margin to your paragraphs

The solution to doing this depends on how you are using Cwicly and where these paragraphs are in your block structure.

You can add a bottom margin to any nested elements using relative styles on the block that contains them.

For example, if you want bottom margins to apply to all paragraphs within your post content, please see the following posts that show how you can use relative styles to target any elements by tag name within the post content:

Making Posts editor client friendly

Hi @smontreuil , As I happily found out myself, through doing exactly what @Louis described, yes, any styles you apply to the post content block are indeed reflected perfectly in the admin interface. This allows you to customise each post types editing experience individually to reflect the front-end display. Cwicly global styles are also automatically applied to the editor, so you don’t need to do anything special or extra to make that work. One trick that I recommend that really worked wel…

Making Posts editor client friendly

No problem, once you get your head around it, it becomes a lot easier to follow. When you set up the Relative Style you need to add the rule that targets the p tag. First click on the Rules button for the Relative style: [Relative Styles Inspector Panel] Then you can configure the rule to target the p tag: [Relative Style Rules]

If you are using Tailwind primarily, you may use a different approach.

[yankiara]

Hi,

Since I could never find a way to easily do so with Cwicly’s UI, I use custom CSS for this kind of thing, for instance:

:where(p:not(:first-child)) {
	margin-block-start: var(--spacing-p);
}
:where(p:not(:last-child)) {
    margin-block-end: var(--spacing-p);
}

You could also restrain this using a container selector if you don’t want to apply it to all p tags.