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
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.
- 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.