You may have noticed that Theme Builder Fonts and Typography settings for Web Part Title are not applied to SharePoint Web Parts on Modern pages.


Due to changes in HTML structure of SharePoint Modern pages, Theme Builder Web Parts settings are not working.

We are planning to fix this issue in our upcoming release


You may fix this issue using Custom CSS

Step 1. Open Custom CSS option in ShortPoint Theme Builder

Open Theme Builder (Site contents > ShortPoint Dashboard > Theme Builder > Customize my site).

Navigate to Utilities Custom CSS:

Step 2: Add the fix code

Add the following code in the text box:

[data-automation-id*="webPartHeader"] [class*="title-"] *, [class*="webpartTitle-"] *, [role="heading"] {
  font-family: Pacifico;

Press Apply and Publish. 

That's it, the title font of your default SharePoint web parts are set correctly.

Related articles: