I can’t find the Paragraph block in the list of block names

The “Block Name” Element Trigger looks for the block class name in the frontend for targeting but the Paragraph block doesn’t have it since in the frontend it just shows up as a <p> HTML tag.

How to Add Interactions to the Paragraph Block

  1. Target individual Paragraph blocks

Select “Block” as the Element Trigger then click the target icon.

Next, select the Paragraph block which you want to add the interaction to.


  1. Target multiple Paragraph blocks

You can target multiple Paragraph blocks by using CSS Class or CSS Selector as the Element Trigger.


Using CSS Class

You can add a class name to each Paragraph block and target it using CSS Class.

First, add a class name to the Paragraph block in the Advanced settings of the block:

Next, select CSS Class as the Element Trigger, add the class name, then pick an interaction.

The interaction will apply to all the Paragraph blocks with the same CSS Class.


Using CSS Selector

You can use a CSS Selector that targets the <p> HTML tag.

Note: If you target the <p> HTML tag, it will apply to all Paragraph and Text blocks.