[Support request] Change font on a specific paragraph container

[Chris]

Can I control the font on a specific element? I want one specific paragraph container to be different from the site default.

Thanks!

[Fernando]

Hi Chris,

This would be possible through adding a custom class to the Block, and then using this class as a selector when creating a Typography setting in Appearance > Customize > Typography.

Example, added my-custom-paragraph class to this Paragraph Block: https://share.getcloudapp.com/2NuzZGmj

Then, in Appearance > Typography, I created a new font setting in the Typography Manager, and set the Target Element to Custom – my-custom-paragraph.

See: https://share.getcloudapp.com/X6uEyZQG

As can be seen, I am able to change the font of this specific paragraph Block now.

Hope this helps! 🙂

[Chris]

Looks good! Where do I add CSS to hit that class? EG, I would like to add text-shadow: 2px 2px 8px #FF0000; to trigger on my-custom-paragraph.

Thanks

[Fernando]

You may add CSS in Appearance > Customize > Additional CSS.

Example:

.my-custom-paragraph {
  text-shadow: 2px 2px 8px #FF0000;
}

Hope this clarifies. 🙂

[Author]

Posts