[Support request] Change font on a specific paragraph container

Home Forums Support [Support request] Change font on a specific paragraph container

Home Forums Support Change font on a specific paragraph container

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2207246
    Chris

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

    Thanks!

    #2207259
    Fernando
    Customer Support

    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! 🙂

    #2208443
    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

    #2208450
    Fernando
    Customer Support

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

    Example:

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

    Hope this clarifies. 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.