Archived topic
Change font on a specific paragraph container
3 replies · Started by Chris on May 3, 2022
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. :)