How can we help you today?

Known Issue: Modern Theme Builder Fonts and Typography Settings Do Not Affect Web Parts Titles

Issue

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.




Reason

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



Workaround


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:



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 26 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more