<p> tag missing in WYSIWYG editor

[KeithH]

Using ACF field with WYSIWYG editor - p tag not showing

I noticed in my blog posts the line spacing has disappeared from the text area content. Not sure when this happened. Looking at the post WYSIWYG area, in the text view there is no p tags to be seen. Changing it to another option like h1 works and h1 tags show. Changing it back to paragraphs does nothing. I’ve tried adding the p tags manually but the disappear after updating the page. Seems like the p tag is being stripped out

• WordPress version: 6.4.3
• Cwicly Plugin version: 1.4.0.3

[StrangeTech]

Just need to check what you are referring to specifically.

Firstly, ACF uses WPs AutoP by default for WYSIWYG fields:

Removing Paragraph Tags from WYSIWYG Fields? - ACF Support

So, you won’t see them in the source text when editing, which is normal for WordPress.

If you are saying they are not appearing in the frontend, that’s a different thing entirely.

[KeithH]

Thanks for the quick reply. So the p tags don’t show in the WYSIWYG editor. got it. I’ve had a look on the discourse but can’t find instruction on how to add margin to post content.
Looking at a post page css with chrome inspector I can see this in the base.css:
p {

1. margin: 0;
   }

Turning it off gives it the padding I’m looking to add.

How to I add margin to the post content p tag? with relative styles? is there some screen grabs of the settings?

[StrangeTech]

The answer is different depending on whether you are using Tailwind or not.

Please see this thread for details about how to do this without Tailwind using Global Classes and Relative Styles:

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]

Please see this tip to do this with Tailwind using Shells and Arbitrary Variants:

Styling post content blocks and third party blocks with Tailwind

As many people are now utilising the Tailwind capabilities of Cwicly, one requirement that we all have is to be able to style blocks that we can’t directly control from our templates (such as blocks within Post Content and third-party blocks). Fortunately, Cwicly + Tailwind has you covered. In Tailwind, we are provided with a key way of constructing dynamic classes that can be applied to Cwicly blocks and used to target child selectors, similarly to how relative styles work in Cwicly - these a…

[KeithH]

Been through these pages suggested. can’t see any solution sorry. Looking at the Cwicly docs:

Theme Elements

I see there is an option to edit the paragraph under global elements, however my dashboard does not have the paragraph icon below the elements tab. old version maybe? screen grab from the docs:

My current dashboard (no paragrah icon visible)

Can you explain how to add margin to blog post p tags.
Note I am using ACF fields for the post content and not the Cwicly ‘Post Content’ block

[StrangeTech]

The solution can be the same regardless of whether you are applying it to the Post Content block or any container that you don’t have direct control over (such as user content containing paragraphs and headings from ACF fields).

If you are not using Tailwind, please follow the guidance in the first posts and you can achieve it using a Global Class containing relative styles.