Site logo

Archived topic

Change font on a specific paragraph container

3 replies · Started by Chris on May 3, 2022

Viewing posts 1–4 of 4

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

Thanks!

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! :)

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

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

Example:

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

Hope this clarifies. :)

This archived topic is closed to new replies.